vuecli3打包后路径出错

来源：蜘蛛抓取(WebSpider) 时间：2019-12-15 04:33 标签： vue cli4

这篇文章主要介绍了vue-cli3多环境打包配置文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值需要的朋友们下面随着小编来一起学习学习吧

安装好之后的项目是这样的，见下图：

配置文件需要自己写一个vue.config.js,可以参考官方文档文档写网址

现在说重点，怎么配置多环境打开package.json文件，见下图：

在scripts里面修改环境配置可以根据自己的项目来修改对应的环境，见下图：

修改完之后在项目根目录创建对应的文件文件名鉯.env开头后面跟上.name,例如：.env.fat

在.env.fat里写上自己想写的配置，见下图：

注意：需要以VUE-APP_开头后面的名字可以随意。我这里设置了一个VUE_APP_APP_HOST 来存储对应的服務器API地址

以上所述是小编给大家介绍的vue-cli3多环境打包配置详解整合，希望对大家有所帮助如果大家有任何疑问请给我留言，小编会及时囙复大家的在此也非常感谢大家对脚本之家网站的支持！

// 这里是配置上线读取当前目录默认是根路径，如 /js, /css 等具体根据项目来

我要回帖

更多关于 vue cli4 的文章

 

随机推荐