vue axios跨域、vue+elementUI+axios代理服务

vue axios

第一步：使用 Vue-cli 创建的项目，开发地址是 localhost:8080，需要访问非本机上的接口http://10.1.0.34:8000/api/homepage。不同域名之间的访问，需要跨域才能正确请求。跨域的方法很多，通常都需要后台配置，不过 Vue-cli 创建的项目，可以直接利用 Node.js 代理服务器，通过修改vue proxyTable接口实现跨域请求。在vue-cli项目中的config文件夹下的index.js配置文件中，修改前的dev:

dev: {  
    env: require('./dev.env'),  
    port: 8080,  
    autoOpenBrowser: true,  
    assetsSubDirectory: 'static',  
    assetsPublicPath: '/',  
    proxyTable: {
       '/api':{
          target:'http://10.1.0.34:8000',  //这里配置的是 请求接口的域名
          // secure: false, // 如果是https接口，需要配置这个参数
          changeOriginL: true, // 如果接口跨域，需要进行这个参数配置
          pathRewrite:{
             '^/api':'/api' //路径重写，这里理解成用'/api'代替target里面的地址，比如我们调用‘http://10.1.0.34:8000/api/homepage’，直接写‘/api/homep