记一次webpack资源路径问题

webpack执行npm run build 之后传到远程服务器后，路由不能正常显示。本地环境能正常访问。

问题

访问/dashboard正常跳转到/dashboard/index能正常显示，而在页面/dashboard/index刷新访问的时候就不能访问报了以下的错误。
问题

解决过程

看了下router文件后，并没有啥问题。
路由
又去看了下nginx正常配置：

1
2
3
4
5
6

location / {
    expires -1; add_header Pragma "no-cache";
    add_header Cache-Control "no-store, no-cache, must-revalidate, post-check=0, pre-check=0";
    root /home/code/qingtingtui/dist;
    try_files $uri $uri/ /index.html =404;
}

后来发现是，资源路径的问题=。=刚开始用webpack这套，不知道。。。那三个错误，因为引入不对报的错。

使用的是./相对路径，而正确的应该是绝对路径。手动修改了上传，果然好了。总不能每次都手动改各个资源吧。。。。应该有个配置的地方，搜索了下资料，解决方法如下。

解决

1. 打开config/index.js文件。
   文件地址
2. 修改assetsPublicPath。果然dev的是/,build的是./。修改成/，build之后上传，完事！
   配置文件