脚手架设置跨域代理

解决开发环境中的跨域问题

  1. 在README同级目录下创建一个vue.config.js
  2. vue.config.js使用下面代码
  3. 将**.env.development** 内的基地址替换为 /public
  //vue-cli3.0 里面的 vue.config.js做配置
module.exports = {
    
    
  devServer: {
    
    
    proxy: {
    
    
      '/public': {
    
    
        //这里最好有一个 /
        target: 'http://127.0.0.1/xxxx/public', // 后台接口域名
        secure: false, // 如果是https接口,需要配置这个参数
        changeOrigin: true, //是否跨域
        pathRewrite: {
    
    
          '/public': ''
        }
      }
    }
  }
}

猜你喜欢

转载自blog.csdn.net/weixin_44757417/article/details/108740143