vue脚手架设置代理跨域！新手踩坑记录！希望能帮到你！

vuecli2

设置的地方在config下面的index.js

vuecli3

 新建vue.config.js

疏归同路 万变不离其宗的道理 设置的代理代码如下：

proxyTable: {
      '/api': {
        target: 'https://demo.com',//代理的网址是https://demo.com  这里吧引号的内容换成你自己的网址  
        secure:true,// 注意 如果是代理https一定要secure字段 不然会代理不成功
        changeOrigin: true,// 允许跨域
        pathRewrite: { //重写路径（不用管） 
          '^/api': ''
        }
      }
    },

复制上面代码直接引用！

使用示例代码

      const env = process.env.NODE_ENV
      Axios.defaults.baseURL = env === 'development' ? '/api/website' : '/website'
      /* 这句代码意思是如果开发环境就映射为target的值
         等同于代码  
         Axios.defaults.baseURL = env === 'development' ? 'https://demo.com/website' : '/website'
      */