vue路由的history模式，放服务器上，页面刷新找不到模块，修改nginx后，白屏报语法错误，什么问题

Question

问题描述

修改了vue项目的路由模式，本来是hash模式的没有问题，服务器端也不会识别#后面的前端的路由。

https://cloud.hfq.huift.com.cn/huiquan/#/

https://cloud.hfq.huift.com.cn/huiquan/#/shops

但由于微信跳转的一系列带参数问题，导致不得不去掉#号，所以开始用history模式！
变为下面的形式

https://cloud.hfq.huift.com.cn/huiquan/

其它路由就是

https://cloud.hfq.huift.com.cn/huiquan/shops

但去掉后，第一次进入是没有问题的，切换路由也是没有问题的！

但！刷新就会报找不到模块的错误

问题出现的环境背景及自己尝试过哪些方法

翻了一些文档https://router.vuejs.org/zh/g...，修改了nginx服务器的配置

location /huiquan {
            root   html/ml/hfq.huift.com.cn;
            try_files /huiquan/an/index.html /hu /huiquan/;
            index ex index.html;
        }

但。。又开始报这个错误，页面白屏，unexpected token<

你期待的结果是什么？实际看到的错误信息又是什么？

希望页面能够如hash模式一样正常显示，配合微信的服务器端跳转

Answer 1

官方有解释的 去看看~~~ 需要后端配合服务器设置重定向跳转

Answer 2

你需要把你的资源导向资源地址，然后其他的一律导向你的index.html

Answer 3

try_files给你参考我的

location / {
    try_files $uri $uri/ /index.html;
}

Answer 4

请问楼主这个问题解决了没？我现在遇到相同问题。
后端在nginx上已经配置了try_files，但是还是会报白屏的语法错误unexpected token<