美文网首页
vuecli在本地代理访问后台代码

vuecli在本地代理访问后台代码

作者: 神话降临 | 来源:发表于2018-04-08 17:12 被阅读0次

只需要在
config/index.js里面配置一下代理接口就行了,这里不讲原理只讲实现,因为我也才用,
后续有时间会回过头来重新整理的


image.png
  '/api': {
        target:'http://192.168.101.168:8085/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'
        }
      }

测试一下

先引入axios

//安装axios
npm install axios
//在main.js里面引用
import axios from axios
Vue.prototype.$http = axios;

在引入 qs

//安装qs
npm install qs
//在需要发送请求的具体组件里引入qs
import qs from 'qs'
//在组件里发送请求
 this.$http.post('/api+后台给的接口').then(
  res =>{
   }
);

测试一下是否ok,自己已经测试过了是ok的,这就解决了本地跨域的问题,代理的问题

相关文章

网友评论

      本文标题:vuecli在本地代理访问后台代码

      本文链接:https://www.haomeiwen.com/subject/vlkmhftx.html