vue项目打包上线的步骤

Posted mo3408

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue项目打包上线的步骤相关的知识,希望对你有一定的参考价值。

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

技术图片

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

技术图片

 

 使用npm  run  build 打包会生成:

技术图片

上传到服务器就可以直接通过网址直接访问。

以上是关于vue项目打包上线的步骤的主要内容,如果未能解决你的问题,请参考以下文章

vue项目如何打包上线--笔记

vue 打包上线后出现的问题

Vue项目的打包上线运行(Tomcat)和SpringBoot打包

Vue项目的打包上线运行(Tomcat)和SpringBoot打包

Vue项目部署,打包发布上线

vue项目打包上线