为什么我请求不了静态资源?
来源:7-9 Vue项目首页 - 使用 axios 发送 ajax 请求
weixin_慕尼黑4427697
2020-04-06
http://localhost:8080/static/mock/index.json 可以请求到静态文件里的数据,我尝试的去做了为什么出来的是首页?项目中也有也有static目录啊,这个配置路由有关系吗
写回答
1回答
-
这个配置和路由没有关系,是和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代理实现跨域 也可以模拟数据的配置项设置,
112020-04-06
相似问题