方法一:使用代理拒絕跨域問題
1效诅、在文件config下建文件proxyConfig.js
代碼如下:
module.exports = {
proxy: {
'/api': { //將www.exaple.com印射為/apis
target: 'https://www.exaple.com', // 接口域名
secure: false, // 如果是https接口,需要配置這個(gè)參數(shù)
changeOrigin: true, //是否跨域
// pathRewrite: { // 如果本身的接口地址就有 '/api' 這種通用前綴俊戳,也就是說https://www.exaple.com/api浑度,就可以把 pathRewrite 刪掉
// '^/api': '/' //需要rewrite的,
// }
}
}
}
2雷厂、在文件config下的index.js修改代碼:
const proxyConfig = require('./proxyConfig')
module.exports = {
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
// proxyTable: {},
proxyTable: proxyConfig.proxy,
// 其他代碼省略
},
3、使用接口的時(shí)候就可以直接這樣使用奸忽,如:
export const LoginURL = `/api/auth_token/`
export const RequestReviewImgURL = `/api/patch/224/`
注意:相當(dāng)于使用接口:https://www.exaple.com/api/auth_token/
該例子的接口本身地址就有 '/api' 這種通用前綴