vue项目打包报错

npm run build , 将vue项目打包，在浏览器中运行，可能会出现的问题：

(1) js css 路径报错

解决:在config/index.js中，将build对象下的assetsPublicPath: '/'改成assetsPublicPath: './'

即把绝对路径变成相对路径

(2)页面不报错，但是空白。

在src里面router/index.js路由设置里边默认模式是hash，如果改成了history模式的话，打开也是一片空白。

(3)本地json接口访问不到

服务启起来后,通过本地端口号,在浏览器中访问不到jstatic目录下的json文件,原因可能是没有将子目录路径指向static.

解决:

在config/index.js中,将build对象下的assetsSubDirectory指向static,即 assetsSubDirectory: 'static'.

第二步:将static的绝对路径变成相对路径,有两种方法(选其一):

一是将build对象下的assetsPublicPath: '/'改成assetsPublicPath: './'

二是在请求的路径中,将 '/static' 改成 ' ./static'