vue-cli设置proxyTable 跨域要求

2024年5月3日 138次阅读 来源: ymuping

当地express效劳启动端口3000， vue-cli项目启动端口8080， 当前端用户提交登录信息到后端，
便发生跨域，能够设置 proxyTable 处理跨域题目
一： 进入vue-cli项面前目今的config/index.js 文件， 增加

   proxyTable: {
  '/api': {
    target: 'http://xxxxxx.com', // 接口的域名
    // secure: false,  // 假如是https接口，须要设置这个参数
    changeOrigin: true, // 假如接口跨域，须要举行这个参数设置
    pathRewrite: {
      '^/api': ''
    }
  }
},

此处的target 设为 'http://localhost:3000/'

二： 在前端发送要求页面，设置要求url

   this.$axios.post('/api/checklogin',{
        username:that.ruleForm.username,
        password:that.ruleForm.password
      })

三 启动当地node效劳，启动vue项目，发送要求数据，控制台检察，猎取数据胜利则设置准确

    原文作者：ymuping
    原文地址: https://segmentfault.com/a/1190000018918984
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞