1. 程式人生 > >使用vue-admin-template 中跨域問題解決

使用vue-admin-template 中跨域問題解決

gin conf import 文件 www. pre admin sim chang

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-admin-template 中跨域問題解決