编程那点事编程那点事

专注编程入门及提高
探究程序员职业规划之道!

宝塔Apache服务器,Vue项目跨域404

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

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

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

说下我的服务器环境吧:

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

2、Apache2.4.43

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

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

修改apache配置文件

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

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

proxyTable: {
    '/api/*': {
        target: 'https://www.xxx.cn',
        changeOrigin: true,
        pathRewrite: {
            '/api': ''
        }
    }
},

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

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

未经允许不得转载: 技术文章 » IT运维 » 宝塔Apache服务器,Vue项目跨域404