1.安装http-proxy-middleware,会生成config和scripts文件夹,
在config/path.js中存在 proxySetup: resolveApp(‘src/setupProxy.js’),proxySetup是在webpackDevServer.config.js中
npm install http-proxy-middleware -D
2.暴露配置文件
npm run eject
3.在src下面新建setupProxy.js文件
const {
createProxyMiddleware
} = require('http-proxy-middleware');
module.exports = function (app) {
app.use(createProxyMiddleware('/api', {
target: 'http://m.kugou.com?json=true',/*这里写自己的代理地址*/
changeOrigin: true,
ws: true,
pathRewrite: {
'^/api': ''
},
}));
};
3.在scripts/start.js文件中,加上下面的代码,路径是setupProxy文件的路径,(这里我添加之后,注释掉,一样是可以请求的,所以不是很明白这个步骤)
require('../src/setupProxy')(devServer)
4.下载axios,使用代理请求
npm install axios -s
引入
import axios from 'axios'
发起请求
qinqiu = () => {
console.log(123)
axios({
url: 'api/mytable',//不用引入,直接在api后面接接口
method: 'get',
data: {}
}).then(data => {
console.log(data)
}).catch(err => {
console.log(err)
})
}