打包线上出现这个问题,但是本地并没有出现。查阅了多方资料,提出以下解决方法。
在本地可以正常进行跨域访问,可以确定vue项目的代理配置的没有问题,返回结果。具体代理的写法大家可以看一下我上一篇文章, 详细vue项目前端代理怎么写,
看了别人的文章后也了解到代理的实现过程,就是代理给本地服务器,如上图蓝色圈住部分,让本地服务器去访问红色框圈住的部分。
那么打包到线上后蓝色部分就被线上地址给替换,这块就是需要后端的辅助去做nginx配置
蓝色部分要与前端代理名称一致,(前端代理截图里面是baidu,所以蓝色部分后端也应该配置为baidu,这里是借用了网图大致说明nginx是怎么配置的,后端的因该比我更知道,我就是给前端铁子们说一下是怎么配合实现的)
有很多文章说要修改router文件下的index.js文件里的mode为hash,然后还要修改vue.config.js文件里面的publicPath: "/"改为publicPath: "./",也都试过没效果,所以这两块说大家可以不用修改了,保持就行。
最后线上通过前后端代理配合实现百度地图服务API接口调用
如有错误请指正。