Ajax跨域問題使用jsonp處理
Axios跨域請求問題處理：
1相满、在config文件夾下的prod和dev的js文件下添加域名
dev:
module.exports = merge(prodEnv, {
NODE_ENV: '"development"',
API_HOST: '"/api"'
});
prod:
module.exports = {
NODE_ENV: '"production"',
API_HOST: '"https://xxx.xxx.com/"' //服務(wù)器域名
};
2唠倦、在config文件夾下的index.js下對dev環(huán)境進(jìn)行配置
proxyTable: {
"/api": {
target: "https://xxx.xxx.com/", //設(shè)置你調(diào)用的接口域名和端口號
changeOrigin: true, //跨域
pathRewrite: {
"^/api": "/"
}
}
},
3袭异、在你二次封裝Axios文件內(nèi)設(shè)置Axios.defaults.baseURL
Axios.defaults.baseURL = process.env.API_HOST;
4搅吁、正常的Axios網(wǎng)絡(luò)請求
loadMore({ commit, state }) {
request({
url: "/event/list?loc=108288&start=" + state.skip + "&count=10",
methods: "get",
params: ""
})
.then(function(response) {
console.log(response);
commit({
type: "loadMore",
res: response.data.events
});
})
.catch(function(error) {
console.log(error);
})
.then(function() {
});
}
生產(chǎn)與開發(fā)環(huán)境都配置完成了簸呈，開發(fā)環(huán)境可直接進(jìn)行跨域請求冕茅，生產(chǎn)環(huán)境還需要后端進(jìn)行配合處理
服務(wù)端：
后端服務(wù)器配置一下cros跨域即可
access-control-allow-origin：*
允許所有訪問
