vue-cli3.0跨域代理问题

前后端分离跨域的问题很常见,现在我们给出以下网址

http://dev.*****.com/moni/webapp/login/cellphoneLogin

我们需要在根目录创建vue.config.js 文件,在其中我们需要创建一项配置
devServer: {
    open: process.platform === 'darwin',
    host: '0.0.0.0',
    port: 8080,
    disableHostCheck: true,
    https: false,
    hotOnly: false,
    // 设置代理
    proxy: {
      '/webapp': {
        target: 'http://dev.****.com',  //需要进行代理的地址
        changeOrigin: true,    //允许跨域
      ws: false,        //是否启用websockets
      pathRewrite: {
          '^api': ''
            }
          }
      }
      }

  我们在请求的时候用到的就是

this.$axios.post('/moni/webapp/accountCenter/getUserInfo'

其实应该可以写成http://dev.****.com/moni/webapp 这种形式,在请求的时候采用 '/webaapp/accountCenter/getUserInfo' ,尚未尝试,

posted on 2019-04-15 11:03  妄言  阅读(141)  评论(0编辑  收藏  举报

导航