问题背景

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

问题思考

构思了两个方案,前端后端:

1、后端:

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

2、前端:

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

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

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

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

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

javascript请求json 前端请求json文件_配置文件

 

 

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