这篇文章讲一下一些常用的配置,用的是vue-cli 3
1.代理配置, 解决问题: 跨域
在项目的根目录下新建一个vue.config.js(如果有请忽视)
比如说,现在服务器地址是 192.168.1.22:8000 。
然后再 module.exports 的对象里面写下 以下 代码
module.exports = {
devServer: {
proxy: {
'/api':'http://192.168.1.22:8000',
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
这段代码的意思是 检测 浏览器发出的请求,
如果是以 api开头的,那么采用代理,代理到 192.168.1.22 ,
或者可以理解成 localhost:xxxx/api/….. 会去 请求 192.168.1.22/….
这边有个参数叫 pathRewrite, 是用来重写路径的
这里把 以 api 开头的那部分改写成 ‘’ 服务器对于localhost:xxxx/api/test -> 会去请求192.168.1.22/test