vue腳手架解決跨域問題-------配置反向代理

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);
});