vue项目打包成dist文件夹之后后端请求报404错误解决方法

目录

声明

背景:

解决方法一(简单):关闭proxy代理

解决方法二:开发环境、生产环境配置

解决方法三:使用Nginx进行反向代理


声明

找了好多方法,并进行了归纳,本文仅提供思路,方便自己以后遇见同样问题有思路,文章会不断完善,若未能解决问题,请见谅!!!

背景:

前端Vue项目打包后部署在服务器上,而后端接口在另外一台服务器。本地生产环境运行时因为在Vue中配置了proxy代理,所以项目运行正常。但是在服务器开发环境中,一直报错404。

解决方法一(简单):关闭proxy代理

新手小白用其他方法不明白的可以试试

新手小白,找了好多办法,要不就是太复杂,我搞不懂,要不就是没有某个文件,不会用;

查明原因proxy代理问题,有了灵感......

由于我是在帮别人改代码,在原有基础改的,后端已经配置好了跨域,我关闭了代理设置,

直接用后端路径和端口。

解决方法二:开发环境、生产环境配置

整理了几个博主写的比较清晰的解决方法

vue cli3.0 怎么配置 后端请求接口域名,区别打包环境及 vue项目域名的问题

Vue项目打包到服务器后请求接口报错404

解决方法三:使用Nginx进行反向代理

整理了写的比较清晰的文章

Vue项目本地运行正常,打包上传到服务器后请求地址404问题

如何将vue项目打包在服务器上使用nginx运行,并使用反向代理解决跨域问题

文章会日益完善,请见谅!!

你可能感兴趣的:(移动端,vue,vue.js,javascript,前端)