vue2 利用网络代理axios实现开发环境前端跨域

本文主要是介绍vue2 利用网络代理axios实现开发环境前端跨域，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

vue2 利用网络代理axios实现前端跨域
vue.config.js 配置代理

module.exports = {devServer: {proxy: {'/CorsDemo': {target: 'http://usercenter-server.test.za-tech.net/',changeOrigin: true,pathRewrite: {"^/api": "/",//重写匹配的字段。把/api 转为 /}},}},}

vue文件

import axios from 'axios'methods:{
functionA (){
axios.get('/CorsDemo/validate?service=' + '123').then(response => {console.log(response)},error => {'请求失败',error.message})}}

实现开发环境跨域请求

测试生产环境跨域跳转
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

这篇关于vue2 利用网络代理axios实现开发环境前端跨域的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---