vue跨域问题的解决

创建完vue项目后会有config文件夹，打开config文件夹下面的index.js文件

在这个位置添加选中的代码

proxyTable: {
      '/api':{
        target:"http://39.96.77.250",//需要跨域的接口前缀
        changeOrigin:true,
        pathRewrite:{
          '^/api':''
        }
      }
    },

然后打开main.js文件加入下面代码

import Axios from 'axios'
 
Vue.config.productionTip = false
Vue.prototype.$axios = Axios //设置好后代码页面可以直接通过this.$axios使用axios请求
Axios.defaults.baseURL = '/api'

然后就可以在代码页面进行网络请求了

this.$axios.get("/view/bookList?&category=2&page=1").then(function (res) {
      console.log(res);
    });

最后是重点！！！一定要重新运行项目! 一定要重新运行项目! 一定要重新运行项目!  

不然会出现404错误找不到

重新运行项目后发现数据请求成功了！