vue设置跨域+php

妖精的绣舞 提交于 2019-12-01 16:35:20
前端跨域现在变得越来越简单了,但是一不下心还是会出错的,今天尝试了一下在本地搭建服务器,使用vue来进行请求一下,没想到原本很简单的东西还是会出现一些问题。
下面记录一下正确的写法

vue设置跨域一般都是下面这样的:

proxyTable: {
      '/api':{
        target: 'http://127.0.0.1:80',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        },
      }
}

请求的时候:

this.$axios.get('/api/citest/index.php/Welcome', {
    params: {
      ID: 12345
    }
  }).then(res=>{
    console.log(res);
  })

前端8080端口,后端80端口
前提是,在后端输入http://127.0.0.1:80/citest/index.php/Welcome是可访问的
对照上面的配置我们可以知道:
如果后端接口为http://127.0.0.1:80/citest,那么我们可以写成/api/citest

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!