最近在部署vue项目是遇到,Uncaught SyntaxError: Unexpected token ‘<’ 路由问题,项目能够正常访问,但是每次刷新之后,会显示空白页面。最后经过分析,是路由问题,项目配置在根目录下是没有问题;配置在其他目录下,也可以正常访问,但是这里会有一个问题,就是每次刷新后会是空白页面,在分析问题过程中发现,每次刷新后的路径并不是走我们配置的路径,而是走了根目录的配置,从而与我们配置的路径产生冲突,最终导致vue router不知道要走哪个路由,产生冲突如下实例:

nginx配置的url: http://yxp.xinos.vip/admin/dashboard/workplace
刷新后实际的url: http://yxp.xinos.vip/dashboard/workplace


解决方法:
增加nginx配置:

location @fallback {rewrite ^(.+)$ /admin/index.html last;
}

完整配置

    location /admin {alias /www/wwwroot/topfus_research/research_ui/;try_files $uri $uri/ @fallback;index index.html;}location @fallback {rewrite ^(.+)$ /admin/index.html last;}location / {root /www/wwwroot/topfus_research/research_web/;try_files $uri $uri/ @router;index index.html;}location @router{rewrite ^(.+)$ /index.html last;}

这里需要注意一点是根木必须配置为 root 路径,其他配置为 alias 路径

关于alias和root的区别:
root和alias是系统文件路径的设置。
root用来设置根目录,而alias用来重置当前文件的目录。

Vue Uncaught SyntaxError: Unexpected token ‘<‘ 路由问题相关推荐

  1. Three.js Vue 如何加载字体,和遇到问题解决: 中加载字体的问题 Uncaught SyntaxError: Unexpected token = in JSON at position 0

    Three.js Vue 中加载字体的问题 Uncaught SyntaxError: Unexpected token = in JSON at position 0 一.转换字体文件到 json ...

  2. chunk-vendors.fcca6113.js:1 Uncaught SyntaxError: Unexpected token ‘<‘

    由于配置了 问题三.因为前端是使用的vue,结果在加载资源的时候碰到浏览器报错:Uncaught SyntaxError: Unexpected token < 具体现象是js文件夹下的所有js ...

  3. 【shiro】使用shiro搭建的项目,页面引用js,报错:Uncaught SyntaxError: Unexpected token ...

    使用shiro搭建项目过程中,总是出现登录页面 登录第一次有效果,登陆第二次出现302状态码,第三次又有效果,第四次又没有效果的局面. 因此,采用ajax提交页面登录的用户名和密码,但是在引用js的过 ...

  4. 解决Uncaught SyntaxError: Unexpected token var报错问题

    2019独角兽企业重金招聘Python工程师标准>>> 开发的时候代码一点没有问题,也没有报错,但是放到服务器上以后就出现了Uncaught SyntaxError: Unexpec ...

  5. Apicloud_(问题)P54提示错误:Uncaught SyntaxError: Unexpected token ) at main.html : 117

    <30天App开发从0到1:APICloud移动开发实战>第54页 打开main.html,在apiready中添加一段代码 api.addEventListener({name: 'ci ...

  6. Easyui在form表单提交的时候,如果有datebox报 Uncaught SyntaxError: Unexpected token 的解决...

    检查发现JAVA实体封装的属性有Date类型, 但前台向后台提交的默认为字符串, 无法正常set到实体,所以出现了这个错误. VM5090:1 Uncaught SyntaxError: Unexpe ...

  7. JSP页面报错:“Uncaught SyntaxError: Unexpected token ”

    最近在做一个个人主页博客网站的项目,遇到了这个问题. 当浏览器该页面提示错误"Uncaught SyntaxError: Unexpected token <"时,浏览器通常 ...

  8. Uncaught SyntaxError: Unexpected token ‘var‘

    遇到Uncaught SyntaxError: Unexpected token 'var'怎么去解决 1.发现报错,就去找报错 2.怎么查找这个报错并修改这个报错 3.为什么我写的时候没有提示报错, ...

  9. js eval Uncaught SyntaxError: unexpected token: ‘:‘

    服务端使用Gson将Map转为json字符串后,jsp使用el表达式接收 如下: var data = eval('${data}'); 这样会报错 Uncaught SyntaxError: une ...

最新文章

  1. 如何做一次有效的绩效考核面谈?
  2. thttpd源码分析
  3. LeetCode 1417. 重新格式化字符串
  4. eclipse git插件简单使用
  5. 学习Jammendo代码的心路历程(二)ViewFlipper数据的填充
  6. Aix5~6小机运维
  7. 面向对象-属性查找与绑定方法
  8. 虚拟机ip、主机ip、代理ip
  9. JN5169 Bootload 烧录过程和DIY烧录程序(一)
  10. 如何写好一个打动投资人的计划书
  11. 好记性真的不如烂笔头
  12. 最简单的基于FFmpeg的视频编码器-更新版(YUV编码为HEVC(H.265))
  13. SumatraPDF一个很nice的PDF开源项目
  14. 属鸡适不适合学计算机,生肖属相鸡适宜什么职业(详解)
  15. pythong小知识列表
  16. Hi3516DV300
  17. 使用matlab绘画曲线图,6.利用Matlab绘制趋势面图形.doc
  18. EndeavourOS安装配置全攻略!
  19. 知识点复习23 Mysql04
  20. 网络传真和传真服务器

热门文章

  1. 非分区表转换为分区表的三种方式
  2. 阿里巴巴淘系技术部拍卖部-春招提前批
  3. 简单理解什么是虚拟存储器
  4. 《策略驱动型数据中心——ACI技术详解》——1.3 数据中心设计
  5. JavaScript面向对象:面向对象案例
  6. linux系统电脑小白可以用吗,linux小白说说用linux的感受
  7. php正则匹配是否为url地址,php正则匹配网址-正则php-php正则匹配url地址
  8. 计算一幅图像的平均亮度
  9. javabeans的运用
  10. linux网卡驱动离线安装_手动安装linux网卡驱动方法