vue 3.0 配置开发环境和测试环境

时间：2020-01-15 11:30:45 阅读：293 评论：0 收藏：0 [点我收藏+]

1.在项目里的根目录里加入了3个文件（与vue.config.js同级）

技术图片

2.在上边3个文件中:

使用VUE_APP_URL = “接口url”
书写格式：VUE_APP_[自定义name]

技术图片

3在pakejson里面配置打包环境

技术图片

4.在config里面部分配置

module.exports = {

publicPath:‘/‘, // 公共路径

outputDir: ‘dist‘,

lintOnSave:false, // 关闭eslint

// productionSourceMap:true, // 生产环境下css 分离文件

devServer:{ // 配置服务器

// open: process.platform === "darwin",

disableHostCheck: false,

host: "0.0.0.0",

// port:8080,

open:true,

https:false,

hotOnly: false,

// proxy: null,

overlay: {

warnings: true,

errors: true

}

configureWebpack:{ // 覆盖webpack默认配置的都在这里

externals: {

‘AMap‘: ‘AMap‘, // 高德地图配置

}

5.在你需要用到的接口的地方，换成我们自己定义的名字即可

原文地址：https://www.cnblogs.com/hemei1212/p/12195686.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行