We're sorry but XX doesn't work properly without JavaScript enabled. Please enable it to continue

  • 问题
  • 解决方法

问题

vue项目,返回信息提示为“We’re sorry but [项目名称] doesn’t work properly without JavaScript enabled. Please enable it to continue.

汇总一下网上搜索的解决方法:

1、mode类型
前端修改方式:将mode类型由history改成hash;
后端修改方式:mode还是history,后端配置nginx,设置映射关系
2、publicpath路径问题
publicpath需要绝对路径’/’
3、本地开发,服务代理信息
检查代理信息是否有误,是否写有多个代理

网上搜索的方法均未解决我遇到的问题。

最后排查问题,发现vue-router配置的问题。

解决方法

发生错误时的路由配置

const routes = [{path: '/',redirect: '/search',children: [{path: '/search',name: 'search',component: solve => require(['@/views/search/search-page.vue'], solve)}]}
]
export default routes

更改之后的配置

const routes = [{path: '/',redirect: '/search'},{path: '/search',name: 'search',component: solve => require(['@/views/search/search-page.vue'], solve)}
]export default routes

We‘re sorry but XX doesn‘t work properly without JavaScript enabled. Please enable it to continue相关推荐

  1. php查找以xx结尾的的字符串单词,Javascript中查找不以XX字符结尾的单词示例代码_javascript技巧...

    首先,让我声明一下,我在写这篇文章之前花了2个多小时在弄正则表达式.悲~悲~悲~ 按照一般的思路,先来看看其他几个插找方式: 我以字符串 var str = "eattd gebcat ge ...

  2. 【尚硅谷】Vue.js从入门到精通笔记

    目录 第1章:Vue核心 1-1.Vue简介 1-1-1.什么是Vue 1-1-2.Vue的特点 1-1-3.搭建Vue开发环境 1-1-4.创建Vue对象 1-2.模板语法 1-3.数据绑定 1-4 ...

  3. Vue2基础、组件化编程、脚手架、Vuex、Vue路由、UI组件库

    尚硅谷张天禹老师讲课 学习视频 1.Vue简介 Vue2中文官网 1.1 Vue 介绍 一套用于构建用户界面的渐进式JavaScript框架 构建用户界面:把数据通过某种办法变成用户界面 渐进式:可以 ...

  4. vue2+vue3小白零基础教程—vue2篇,全网2021最详细教程

    vue教程 提示:Vue3系列请参考Vue2+Vue3小白零基础教程-vue3篇文章,本文为vue2篇. 1. Vue核心 1.1 Vue简介 1.1.1 Vue是什么 一套用于构建用户界面的渐进式J ...

  5. webpack5.x 各种开发常见配置大汇总 loader plugin devServer proxy babel 懒加载

    webpack学习之旅 文章目录 webpack学习之旅 webpack基础打包 认识webpack 脚手架依赖webpack webpack是什么 Vue项目加载的文件有哪些 webpack使用前提 ...

  6. Vue 笔记【视频参考尚硅谷】持续更新2022/3/22...

    Vue 第 1 章:Vue 核心 视频学习地址: https://www.bilibili.com/video/BV1Zy4y1K7SH 学习配套资源(源代码.静态页面等): 链接:https://p ...

  7. Vue 电商实践项目

    今日目标 1.能够说出什么是路由 2.能够说出前端路由的实现原理 3.能够使用Vue-Router实现前端路由 4.能够实现嵌套路由,动态路由 5.能够实现命名路由以及编程式导航 6.理解并实现后台管 ...

  8. 2021-05-24 Hikvision DS-TVL224-4-5Y Python 显示部分驱动代码

    Hikvision DS-TVL224-4-5Y Python 显示部分驱动代码 import socket from threading import Threadthread_lock = Fal ...

  9. vue项目配置nginx页面跳转正常,接口报200,但是没数据(很抱歉,如果没有启用JavaScript,XXX无法正常工作)

    一.描述下问题:nginx代理跳转页面都可以进去,接口返回报200,但是就是没数据,response返回(We're sorry but XXX doesn't work properly witho ...

  10. Intellij IDEA 2018.2 搭建Spring Boot 应用

    前言 简介:Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再需要定义样板化 ...

最新文章

  1. Win10电脑开机界面设置个性签名?
  2. 作业帮产品负责人傅弋铮:在线教育产品还要攻克多少难关?
  3. java入门应该学什么_初学Java应该掌握哪些基础知识?
  4. 牛客假日团队赛5J 护城河 bzoj 1670: [Usaco2006 Oct]Building the Moat护城河的挖掘 (凸包的周长)...
  5. python线程创建对象_python 多线程(一)
  6. maven添加本地包命令mvn install:install-file
  7. Android非常好用的组件或者框架
  8. java贪吃蛇总结报告_java贪吃蛇开发总结
  9. 安装CLOVER引导器到硬盘EFI分区
  10. html全部布局代码大全,HTML 布局(示例代码)
  11. 分区表中GLO字段对信息收集的影响
  12. Android Studio 模拟器Emulator 设置代理网络 | WIFI图标有叉号但是有网络解决方案
  13. 测试iphone4电池的软件,iphone4电池容量 iphone4电池的更换【图文】
  14. 数据导入(excel读取,存储进数据库【多表】)
  15. BIM模型文件下载——某幼儿园设计方案Revit模型
  16. 中大计算机考研复试刷人太狠,来!看看这些院校复试刷人刷的有多厉害
  17. leveldb 详解
  18. python爬虫实现boss直聘自动化强制投简历
  19. 一个新开端,存储服务器再添骨灰级玩家
  20. Torch 论文复现:梯度加权类激活映射 Grad-CAM

热门文章

  1. SpringBoot使用银联支付
  2. QCC302X/QCC303X蓝牙对讲与蓝牙扩音器
  3. 无线通信信号的功率表示方法中dBm,dB与w的换算关系
  4. 矩阵转置与矩阵对称性的关系
  5. 多租户商城开发 多租户SaaS商城源码下载
  6. python读取odb_python提取Abaqus软件odb文件位移数据(方法1)
  7. windows10下超级好用的截屏自带快捷键
  8. 西瓜数据集3.0 python_决策树对西瓜数据集2.0二分类
  9. 【马尔科夫链-蒙特卡罗】马尔科夫链-蒙特卡罗方法对先验分布进行抽样
  10. css字体加粗(dw怎么在css里字体加粗)