跨域如何解决，前端跨域不在发愁，简单快捷只需四步

亲测成功，各位大牛可以多多指导，个人接受各种批评指正！

第一步：vue.config.js文件中加入下面代码：

（如果没有vue.config.js文件，就新建一个，文件名必须正确，否则无法读取）

const {
    
     defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
    
    
  transpileDependencies: true,
 //主要代码******start
		  devServer: {
    
    
		    **proxy: {
    
    
		      "/api": {
    
    
		        target: "http://116.176.33.120:58081/prod-api/rygs", 
		        ws: true, 
		        changeOrigin: true,
		        pathRewrite: {
    
    
		          "^/api": ""
		        },
		      },
		    },
//主要代码*********end
  },
});

第二步:安装配置axios

1、安装axios

npm install axios -g

或者

npm i axios -g

2、全局引入axios

在main.js中引入以下代码

		main.js文件肯定有，不需要新建哦，注意把axios挂载到Vue原型上时前面的   $    符号。

import axios from ”axios“
Vue.prototype.$axios=axios

import axios from ”axios“
Vue.prototype.$axios=axios

第三步

需要发请求的地方输入下面代码：

 this.$axios
      .post("api/输入请求路径", { 请求参数: 请求参数值 })//这里的api/必须加
      .then(res => { console.log("res", res))
      .catch(err => console.log("err", err));

第四步

重要的一步

		你成功了！！！

如有任何问题可以留言联系

还有第二种解决方式，只需一步，打电话给后端大哥，就说跨域了，处理下，喝茶等待即可