前后端交互 解决跨域问题

前后端ajaxs数据交互 会经常遇到跨域问题，遇到问题不要慌
两种解决方法：一种是 找你家后端修改一下
一种：不用麻烦后端 自己便可以修改，通过vue脚手架进行修改
1.你先在文件夹下创建一个 vue-config.js文件内容如下

 module.exports = {
  pages: {
    index: {
      // entry for the page
      entry: "src/main.js",
      // the source template
      template: "public/index.html",
      // output as dist/index.html
      filename: "index.html",
      // when using title option,
      // template title tag needs to be <title><%= htmlWebpackPlugin.options.title %></title>
      title: "Index Page",
      // chunks to include on this page, by default includes
      // extracted common chunks and vendor chunks.
      chunks: ["chunk-vendors", "chunk-common", "index"]
    },
   
  },
  //代理服务器一：
//   devServer: {
//     proxy: "http://localhost:5000"
//   },
  //代理服务器二：
  devServer: {
    proxy: {
      '/school': {
        target: 'http://localhost:5000',
        pathRewrite:{'^/school':''},
        ws: true,
        changeOrigin: true
      },
      
    }
  }
};

2.ajax请求代码

getstudent() {
  //借助一个vue-cli 开启代理服务器
  axios.get("http://localhost:8080/school/students").then(
    Response => {
      console.log("1",Response.data)
    },
    error => {
      console.log("2",error.message)
    }
  );
},