反向代理
在src目录下建一个文件setupProxy.js(注意:这里是写死的,必须是在src目录下面)
在package.json里面也可以
通过第三方模块http-proxy-middleware
注意:在书写params时,引号’'里面不要有空格,这样会导致请求的数据有误,
const proxy =require ( 'http-proxy-moddleware' )
module.exports =function(app){
//http://www.qinqin.net/index.php?r=class/category&type=1
// proxy里面有俩个参数,第一个是标识符,我们一般选取域名后面的第一路径,以上面的地址为例,标识符就是‘/index.php’,
// 第二个参数是optiions一个配置项 ,{}
app.use(
proxy(
'/index.php',//第一个参数标识符
{//第二个参数是一个配置项
target:'http://www.qinqin.net',//配置项的第一个是目标源
changeOrigin: true
}
)
),
app.use(
//多个反向代理的配置,继续写app.use
)
}
配置文件修改后需要重启
数据请求:安装axios
cnpm i asiox -S
import axios from ‘axios’,
封装axios
动态路由:加Id不加id都可以,但是有区别
/:id 写了之后路径后面必须添加001
注意::⭐⭐⭐⭐⭐⭐
当你发现仍然请求404时,各部分配置也没什么问题,说明你不小心把setupProxy.js的位置放错了!!!!!