标签：css 关系 自定义 source env 如何使用 地址 port 设置
还是拿之前使用过的vue-cli举例。我们首先要在项目目录中找到根目录下config文件夹下的index.js文件。由于我们是在开发环境下使用，自然而然是要配置在dev里面：
dev: { env: require(‘./dev.env‘), port: 8080, autoOpenBrowser: true, assetsSubDirectory: ‘static‘, assetsPublicPath: ‘/‘, proxyTable: { ‘/api‘: { target: ‘http://www.abc.com‘, //目标接口域名 changeOrigin: true, //是否跨域 pathRewrite: { ‘^/api‘: ‘/api‘ //重写接口 } }, cssSourceMap: false }
上面这段代码的效果就是将本地8080端口的一个请求代理到了http://www.abc.com这一域名下：
‘http://localhost:8080/api‘ ===> ‘http://www.abc.com/api‘
上面那种情况是有一个统一的项目名api的，所以说是比较好匹配的，就相当于说直接将以api开头的接口名代理一下换成目标域名访问就好了，可是如果说后台返给我们前端的接口没有了统一的项目名呢？之前，我是一个个单独去做了转换，接口少还没什么关系，但多了肯定是不现实的，前段时间在一次面试中受到了面试官的启发想到了这样一种取巧的方案：
//先人为给接口地址前面加上一个自定义的项目名 let someApi = ‘api‘ + ‘/xx/xx‘; dev: { env: require(‘./dev.env‘), port: 8080, autoOpenBrowser: true, assetsSubDirectory: ‘static‘, assetsPublicPath: ‘/‘, proxyTable: { ‘/api‘: { target: ‘http://www.abc.com‘, //目标接口域名 changeOrigin: true, //是否跨域 pathRewrite: { ‘^/api‘: ‘/‘ //重写接口 } }, cssSourceMap: false }
这里的项目名api是我们人为加上去的，经过代理之后就没了，这样我们在配置代理这里还是只需要配置一份就够了，只是在写接口地址时要注意区分开发环境和线上环境就可以了。
标签：css 关系 自定义 source env 如何使用 地址 port 设置
原文地址：https://www.cnblogs.com/wuliujun521/p/11359761.html
