网站是如何设计配置方案的,哈密网站制作公司,开发小程序,百度网站怎样做推广一、proxy常用参数说明
module.exports {publicPath: /,devServer: {proxy: {/api: {// 代理名称 凡是使用/api开头的地址都是用此代理target: http://1.2.3.4:5000/, // 需要代理访问的api地址changeOrigin: true, // 允许跨域请求pa…一、proxy常用参数说明
module.exports {publicPath: /,devServer: {proxy: {/api: {// 代理名称 凡是使用/api开头的地址都是用此代理target: http://1.2.3.4:5000/, // 需要代理访问的api地址changeOrigin: true, // 允许跨域请求pathRewrite: {// 重写路径替换请求地址中的指定路径^/api: /, // 将请求地址中的/api替换为空也就是请求地址中不会包含/api/},},},},
};二、关于/api的详解
‘/api’是指遇到这个字符开头的话在这个字符前面加上target里面的ip或者域名。
举例 ①登录接口http://1.2.3.4:5000/login …中间省略了配置过程… ②npm run serve:Local: http://localhost:8080/ ③点击后发送的登录请求http://localhost:8080/api/login ④/api 的作用就是将/api前的localhost8080变成target的内容http://1.2.3.4:5000/ ⑤完整的路径变成了http://1.2.3.4:5000/api/login ⑥实际接口当中没有这个api所以pathwrite重写就解决这个问题的。 ⑦pathwrite识别到api开头就会把/api重写成空那就是不存在这个/apil了完整的路径又变成http://1.2.3.4:5000/login 三、部署因为/api无法请求到数据
接口名称不用/api改用实际接口的第一个字段然后取消pathwrite重写
