vue解决跨域问题
1、配置代理
vue.config.js
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://127.0.0.1:8080/',//跨域接口的地址
logLevel:'debug',
changeOrigin: true,
xfwd:true,
pathRewrite: {
'^/api': ''
}
},
}
}
}
2、配置自己封装的网络请求
配置baseURL: ‘/api’
//1.创建axios实例
const instance = axios.create({
// baseURL: 'http://152.136.185.210:7878/api/m5',
// baseURL: 'http://127.0.0.1:8080/',
baseURL: '/api',
timeout: 5000
})