vue2 利用网络代理axios实现前端跨域
vue.config.js 配置代理
module.exports = {
devServer: {
proxy: {
'/CorsDemo': {
target: 'http://xxxtech.net/', //需要跨域的地址
changeOrigin: true,
pathRewrite: {
"^/CorsDemo": "/",//重写匹配的字段。把/CorsDemo转为 /
}
},
}
},
}
vue文件
import axios from 'axios'
methods:{
functionA (){
axios.get('/CorsDemo/validate?service=' + '123').then(
response => {
console.log(response)
},
error => {'请求失败',error.message}
)}
}
实现开发环境跨域请求文章来源:https://www.toymoban.com/news/detail-848942.html
测试生产环境跨域跳转
https://blog.csdn.net/weixin_43858851/article/details/137518111?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22137518111%22%2C%22source%22%3A%22weixin_43858851%22%7D文章来源地址https://www.toymoban.com/news/detail-848942.html
到了这里,关于vue2 利用网络代理axios实现开发环境前端跨域的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!