vue-cli2.9.2项目(element-ui)打包上线详解

使用vue-cli2.9.2项目打包上线需要注意两个方面

1、打包上线后,页面为白色。静态资源加载不了

原因分析:这是访问路径的问题,原本设置的是直接访问项目文件的根路径 assetsPublicPath: ‘/’,在本地测试是没有问题的,因为你静态资源的访问就是相对于跟路径的路径,可是你在taocat等服务器软件中发布的时候,所访问的根路径是整个端口的根路径,不是以该文件夹为准。所以需要换成 assetsPublicPath: './'来访问
vue-cli2.9.2项目(element-ui)打包上线详解_第1张图片

2、结合element-ui的字体图标失效

这个还是路径的问题
vue-cli2.9.2项目(element-ui)打包上线详解_第2张图片
将utils.js文件夹里的新增属性publicPath:"…/…/" 同时上述也可以解决static文件夹下img访问不到的问题

你可能感兴趣的:(javascript,vue.js)