当前位置:   article > 正文

vue加跨域代理静态文件404_宝塔Apache服务器,Vue项目跨域404

vue开发环境静态文件代理

最近,换了下服务器,用vue开发的项目,前后端分离的,部署后发现这样的问题:

所有访问api的url返回的都是404,该项目前端包括3个部分,pc端、h5端以及小程序,他们都是访问同一个接口地址。小程序是没有问题,说明接口服务不存在问题。

目前出现问题的是pc端和h5端。

说下我的服务器环境吧:

1、tomcat8,(提供接口服务的)

2、Apache2.4.43

该项目用到的环境就这2个,当然mysql数据库就不多说了。

后来经过一系列的排查,是apache设置的缘故。需要在前端站点的【配置文件】下加下以下代码:

ProxyPass /api http://www.xxx.cn

另外,在看下我的proxyTable配置吧proxyTable: {

'/api/*': {

target: 'https://www.xxx.cn',

changeOrigin: true,

pathRewrite: {

'/api': ''

}

}

},

其实在我们之前的文章也讲过这个配置了,只是后来忘记了:Apache服务器配置跨域:通过设置反向代理进行跨域

对于proxyTable设置不明白的,还可以看下本站的这篇文章:vue跨域proxyTable配置详解

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/黑客灵魂/article/detail/985861
推荐阅读
相关标签
  

闽ICP备14008679号