Vue请求本地JSON文件

问题背景

项目需求需要把请求地址放在配置文件内供客户修改，无需多次打包。

问题思考

构思了两个方案，前端后端：

1、后端：

这个就很简单了，就是本地暴露一个配置文件，用Java去读，然后做个get响应给前端就好了，主要做好跨域问题即可。

2、前端：

初步构思是用本地JSON放置与Vue的public文件下，因为这个文件不会被打包，暴露出来方便客户自行修改。

在npm run server下是可以使用的，但是如果打包过后就会出现file文件跨域问题。主要是现在的浏览器平台都对file文件请求做了限制。

当然用网上说的vue-resource、json-server和Live Server这一类，本质上都还是在本地搭了一个服务器。对打包后放在云端的文件是没用的(个人理解，如果有误还请指正)。

可以对chrome进行配置，但是这个不符合实际需求，总不能让每个客户去改chrome配置。

最后干脆就把配置文件上云好了。将配置文件放置在tomcat内，然后Vue初始化做请求拿回静态文件。

 

 

不过这个方案要注意跨域的问题，得打开服务器上的打包文件才能进行正常的请求，如果是本地localhost的话还是会有跨域的问题。