首页 / VUE / vue项目打包发布

vue项目打包发布

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue项目打包发布，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含614字，纯文字阅读大概需要1分钟。

内容图文

项目开发完了以后，肯定是要打包的，不然也就失去了项目存在的意义。

技术分享图片

 

上图中的build就是打包的，它会根据你的配制文件生成一个目录，然后目录中就是最终生成的文件，

上传到服务器，就可以运行。

 

但是，一般都是存在各种各样的问题，比较说路径问题，这个是常见的问题。

技术分享图片

 

 这个是vue.config.js

1、目录路径（静态资源）问题

publicPath: 这个是访问的根目录，一开始是/ 

outputDir：这个是生成的文件放在那个目录下面，如果叫abc，那么生成的目录这样的 上图中是disc那么disc就是生成的目录名。

abc 

    -- index.html

　 -- static

那么生成的文件中的index.html，link src等等的路径全是以/static，这样会导致路径出错。

index.html要访问static目录下的文件，那直接访问就可以了。不用加/,这样就把publicPath去掉。

2、api路径的问题

我们一般是通过一个基础的js文件，里面封装了axios，如下图：

技术分享图片

 

 这个是读的配制文件，如果下图：

技术分享图片

 

 

技术分享图片

 

 这样的话，只要替换 ‘/您的服务器api的根目录‘，当然有些是不会有什么根的，那就直接去掉即可。（同理不同是也。）

 这样的话，发布以后就是我们想要的，包括了静态资源以及api的路径。

 

原文：https://www.cnblogs.com/jiduoduo/p/14763784.html

内容总结

以上是互联网集市为您收集整理的vue项目打包发布全部内容，希望文章能够帮你解决vue项目打包发布所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1285572.html

来源：【匿名】