devServer和dev的区别,及vue代理接口的使用
基本思路:
使用proxyTable就是代理服务接口。
备注dev 是 Vue CLI 2.x 的配置,Vue CLI 3.x 开始使用:
使用:
相当于获取对应的(正则匹配的)接口,然后重新代理到指定的target处。
项目配置文件config.js 或者 config.index.js
module.exports = {
······
dev: {
env: require('./dev.env'),
port: 8080,
autoOpenBrowser: true, //项目自启
assetsSubDirectory: 'static',//除了index.html之外的静态资源要存放的路径,
assetsPublicPath: '/',
proxyTable: { //代理
'/api': {
target: 'http://www.abc.com', //目标接口域名
changeOrigin: true, //是否跨域
pathRewrite: {
'^/api': '/' //重写接口
}
}
}