Vue/cli 解决跨域配置说明
在vue.config.js配置文件中,有一项是devServer进行配置module.exports = {devServer: {// 代理配置proxy: {// 这里的 api 表示如果我们的请求地址以 /dev_api 开头的时候,就出触发代理机制'/dev_api': {target: 'www.baidu.com', // 需要代理的地址,就是后端服务器地址changeOrigin:
·
在vue.config.js
配置文件中,有一项是devServer进行配置
module.exports = {
devServer: {
// 代理配置
proxy: {
// 这里的 api 表示如果我们的请求地址以 /dev_api 开头的时候,就出触发代理机制
'/dev_api': {
target: 'www.baidu.com', // 需要代理的地址,就是后端服务器地址
changeOrigin: true, // 是否跨域,需要设置此值为 true 才可以让本地服务代理我们发出请求
// 路径重写
pathRewrite: {
// 如果不重写: localhost:8888/dev_api/login => www.baidu.com/dev_api/login
// 假设我们想把 localhost:8888/dev_api/login 变成 www.baidu.com/api/login 就需要这么做
// '^/dev_api': '/api'
// 假设我们想把 localhost:8888/dev_api/login 变成 www.baidu.com/login 就需要这么做
'^/dev_api': '/'
}
}
}
}
}
更多推荐
已为社区贡献2条内容
所有评论(0)