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'

 

Logo

前往低代码交流专区

更多推荐