vue脚手架解决跨域问题-------配置反向代理

最新推荐文章于 2024-08-16 11:03:15 发布

anliujia6342

最新推荐文章于 2024-08-16 11:03:15 发布

阅读量436

点赞数

文章标签： javascript 后端 json ViewUI

原文链接：http://www.cnblogs.com/zbx-boke/p/9506370.html

版权

1.打开config/index.js

2.在dev配置对象中找到proxyTable:{}

3.添加如下配置

 // 配置反向代理，解决跨域请求
    proxyTable: {
      '/api': {
        target: 'http://www.ajax.cn',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api'
        }
      }
    },

4.重启开发服务器npm run dev

发送请求示例

// 导入axios
import axios from 'axios'
axios.defaults.baseURL='http://localhost:8080'
axios.get('/api/json.php').then(function(res){
          console.log(res);
});

转载于:https://www.cnblogs.com/zbx-boke/p/9506370.html