其他分享
首页 > 其他分享> > 使用vue-admin-template 中跨域问题解决

使用vue-admin-template 中跨域问题解决

作者:互联网

1、修改dev.env.js 中的文件

 例如:

module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
ENV_CONFIG: '"dev"',
BASE_API: '"/admin"', //这个地方格局需要配置你接口前缀名称
})

2、在index.js 中设置 proxyTable
proxyTable: {
'/admin': { //这里是公共部分,在调用接口时后面接不相同的部分,/admin就相当于http://192.168.0.199:8926/admin这一段
target: 'http://www.newpay.com/', //这里写的是访问接口的域名和端口号
changeOrigin: true, // 必须加上这个才能跨域请求
pathRewrite: { // 重命名
'^/admin': ''
}
}
},

3、main.js中 注释这一行,防止示例请求
//import '../mock' // simulation data


4、login.js中修改如下

export function login(username, password) {
return request({
url: '/admin/login/index', //注意,这一段要加上前缀admin
method: 'post',
data: {
username,
password
}
})
}








标签:vue,http,跨域,proxyTable,admin,接口,js,login
来源: https://www.cnblogs.com/quepq/p/10658385.html