为什么我请求不了静态资源?

来源:7-9 Vue项目首页 - 使用 axios 发送 ajax 请求

weixin_慕尼黑4427697

2020-04-06

http://localhost:8080/static/mock/index.json 可以请求到静态文件里的数据,我尝试的去做了为什么出来的是首页?项目中也有也有static目录啊,这个配置路由有关系吗

写回答

1回答

慕梦前来

2020-04-06

这个配置和路由没有关系,是和wabpack的配置有关系的,在项目的config/index.js中dev开发配置有一个

proxyTable的属性配置你要检查一下,它的意思是这样的:

proxyTable: {
'/api': {   // 当请求/api这个目录的时,
target: 'http://localhost:8080',    // 把请求 转发至target  本地mock开发 :http://localhost:8080 
changeOrigin: true,  // 是否跨域
pathRewrite: {    // 把路径做一个替换 以api开头的都转至'/static/mock' 下
'^/api': '/static/mock'
}
}
},

简单说明一下这个属性配置的意思:

在开发环境下 访问api路径会把请求接到target: localhost:8080端口上 现在把模拟数据mock文件删除掉就要接到后台服务器的端口(默认80)上,这时pathRewrite就没什么意义了

这里的服务器端口还是在本地上,但是实际中有可能是在另一台服务器端品上,假如是在一个内网里 这样要去写一个内网的IP地址 或者是外网的域名

使用proxyTable代理实现跨域 也可以模拟数据的配置项设置,


1
1
weixin_慕尼黑4427697
非常感谢!
2020-04-06
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程