nginx服务器配置vue-router history模式（去除url中的#号）

按照vue-router官网的办法

router.vuejs.org/zh/guide/es…

配置后，发现在本地页面刷新失败了，报错：Uncaught SyntaxError: Unexpected token <

这里插一个坑：

try_files $uri $uri/ /index.html;
复制代码

不要加在跨域location中 会产生一些接口405或者没有数据的问题，至于原因。。。我也不懂鸭

还是接着说try—files

在路由启用history模式以后，发现页面的中的#号已经不会被默认添加，我们随便进一个子路由刷新一下页面

意料之中出现了404

很好，按照文档 添加

try_files $uri $uri/ /index.html;
复制代码

然后重启，试试看。

如图，emmm。。很好 又是不按教程出结果的一天，这次页面一片空白，右边控制台报错未知符号，像这种时候 我们应该知道 这是文件类型不对 看看内容

为什么会是html文件呢，查阅了一些资料以后，产生了一个猜想： js的路径出了问题，然后 try_files uri/ /index.html; 将路径重指向index.html，于是就变成了我们看到的请求js文件 却返回了html的内容。看一下Network的请求路径：

很好 路径是错的，猜想初步正确，原因嘛居然是路径中参杂了子路由（insService）的路径，为什么会这样呢 我们打开index.html 看到了js的路径：

偶吼，居然是个相对路径。那么很明显问题是在子路由下按照相对路径请求js文件，由于子路由的路径在电脑的物理路径中是不存在的，所以nginx将这个js的404重新指向index 于是就出现了前面的控制台报错 Unexpected token <（这里可以脑补柯南解谜的BGM）， 当然这只是猜想，那我们现在就尝试解决看看 办法嘛就是把打包完的js路径改为绝对路径。

然后打包

现在已经是绝对路径了，我们再试试刷新。

很好 ， 页面已经成功刷新出来 问题解决