解决跨域请求问题

 在vue.config.js中的module.exports下设置即可

  chainWebpack: (config) => {
    config.resolve.alias
      .set('@', resolve('src'))
      // 需要重启 IDE
      .set('styles', resolve('src/assets/styles'))
    // 这里只写了两个个,你可以自己再加,按这种格式.set('', resolve(''))
  },
  devServer: {
    proxy: {
      '/api': {//表示拦截以/api开头的请求路径
        target: 'http://localhost:9090',//后端
        changOrigin: true,//是否开启跨域
        pathRewrite: {
          '^/api': '' //重写api,把api变成空字符,因为我们真正请求的路径是没有api的
        }
      }
    }
  }

你可能感兴趣的:(前端,javascript,html)