码迷,mamicode.com
首页 > 其他好文 > 详细

vue项目打包部署-----解决打包后访问资源失败问题

时间:2019-11-10 22:35:54      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:通过   配置文件   img   text   文件   fill   找不到   16px   生成   

vue项目打包部署-----解决打包后访问资源失败问题。

本文链接:https://blog.csdn.net/kaola_l/article/details/80497490
 

打包之前需要修改如下配置文件:

配置文件一:build>>utils.js (修改publicPath:"../../" , 这样写是处理打包后找不到静态文件的问题)

技术图片

配置文件二:config>>index.js(修改assetsPublicPath:‘./‘ ,修改目的是为了解决js找不到的问题)

技术图片

上面两步修改完成之后就可以进行打包了

在控制台终端输入npm run build

技术图片

坐等打包

打包完成之后项目中会生成一个dist文件夹,直接访问里面的index.html就ok了

成功后,把dist文件夹压缩上传到Linux服务器,解压,通过nginx 访问。

 

vue项目打包部署-----解决打包后访问资源失败问题

标签:通过   配置文件   img   text   文件   fill   找不到   16px   生成   

原文地址:https://www.cnblogs.com/ycsc/p/11832125.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!