解决前端打包dist 部署到服务器上 导致接口请求报错404问题

最新推荐文章于 2024-07-06 15:23:39 发布
最新推荐文章于 2024-07-06 15:23:39 发布
阅读量1.2k 收藏 1
点赞数
文章标签： html5 javascript 前端 vue.js css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62336925/article/details/131539013
版权

反向代理 只能在开发环境中使用 打包dist文件之后 他不会打包

这个代理是在开发环境下使用的 会把所有 /api/xxx 转发到 /xxxx，线上不会有这个转发。要不在nginx配置个/api的转发，要不前端在生产环境去掉 /api前缀

要这样配置

 

 

 

大墨前端
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue项目打包成dist文件夹之后后端请求报404错误解决方法
qq_52126119的博客
11-17 6032
背景：前端Vue项目打包后部署在服务器上，而后端接口在另外一台服务器。本地生产环境运行时因为在Vue中配置了proxy代理，所以项目运行正常。找了好多方法，并进行了归纳，本文仅提供思路，方便自己以后遇见同样问题有思路，文章会不断完善，若未能解决问题，请见谅！整理了几个博主写的比较清晰的解决方法。
vue npm run build 生成的dist部署上去之后居然 发送接口不走代理？原因很简单
qq_38190111的博客
02-13 2590
正常走代理的请求：（其实http://www.only-screen.xyz:8080/api == http://www.only-screen.xyz:8888） 一般vue 项目这么打包 npm run build config/index.js 设置： 之前一个项目我也设置这样的，部署上去没问题。 // see http://vuejs-templates....
vue3+vite构建的项目在本地没问题，打包部署到线上接口请求返回dist文件下的index.html内容
weixin_45531945的博客
08-26 1603
本地开发接口请求正常，线上接口请求有问题多半是服务器上的nginx问题。
Vue项目打包到服务器后请求接口报错404
热门推荐
speano的博客
05-22 1万+
解决Vue项目打包到服务器后请求接口报错404问题。
'serve' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
tf1450332301的博客
03-15 4178
在使用serve dist命令时提示： ‘serve’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 已安装serve 命令：npm install -g serve 暂时没找到解决办法。 ...
vue部署到宝塔请求接口报404错误
clf20731的博客
12-20 6095
问题 我将前端vue和后端Spring Boot全部都部署到了宝塔上，后端项目部署成功后直接请求接口成功，运行本地vue项目使用代理服务器访问接口也是成功的，但是部署到vue上的项目访问接口报404错误 解决 经向某位大佬求教后找到了解决办法：需要配置宝塔上的nginx代理才行，解决步骤如下： 点击nginx的设置(如果没有nginx就在同一页面搜索安装即可) 点击配置修改，鼠标滑动到页面最底部，复制红框里这个路径/www/server/panel/vhost/nginx(配置修改这个文件尽可能
前端错误总结
qq_57919779的博客
11-24 2203
前端错误总结
前端打包部署到nginx 使用nginx代理访问配置遇到的一些问题及解决方法
ggg6568的博客
08-11 1159
nginx配置问题
idea自动部署前端到linux服务器
01-17
Idea自动部署前端到Linux服务器 在前端开发中，自动部署到Linux服务器是一个常见的需求，为了满足这个需求， Idea 提供了插件 Alibaba Cloud Toolkit，可以帮助开发者快速部署前端到Linux服务器。下面是使用 Idea ...
Vue 项目部署到服务器的问题解决方法
08-28
Vue 项目部署到服务器的问题解决方法 在本篇文章中，我们将讨论 Vue 项目部署到服务器的问题解决方法。很多开发者在使用 Vue-cli 安装的脚手架开发时，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译...
Vue项目打包部署到iis服务器的配置方法
10-16
主要介绍了Vue项目打包部署到iis服务器的配置方法，文中通过代码示例给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue打包部署到Nginx时,css样式不生效的解决方式
10-15
然而，在将这个dist目录部署到Nginx服务器时，可能会遇到CSS样式不生效的问题。这个问题通常与静态资源的路径解析和Nginx的配置有关。以下是一些解决这个问题的步骤和相关知识点： 首先，我们需要理解Vue CLI的打包...
vue-cli3项目打包时，静态资源请求失败 404
weixin_40141473的博客
08-16 8831
1. 首先放一张项目的目录： public文件夹 存放 index.html以及一些json文件。 src -> assets 文件夹下存放一些需要的图片。 src -> components 文件夹下存放每个模块的组件。 src 目录下是App.vue、main.js、router.js、store.js文件。 2. 在执行 npm run build 后，项目多了一个d...
Vue打包部署到服务器-找不到静态资源404错误
轻风细雨_林木木
11-11 2957
Vue打包部署到服务器-找不到静态资源404错误 参考：https://blog.csdn.net/AnnaF/article/details/105709569 问题描述 在本地运行正常，但是使用npm run build 上传服务器就总是报找不到静态资源。 原因 打包后的资源使用的是绝对路径，导致静态资源无法被找到。 解决办法 （1）更改config文件夹下index.js(config -> index.js -> build对象)资源发布路径： // An highlighted
docker部署spring-boot项目后，验证码获取报错解决
elecforest的专栏
10-21 1209
报错信息如下： 2020-10-21 16:13:03.603 ERROR 9 --- [ XNIO-1 task-2] c.e.c.s.handler.GlobalExceptionHandler : 全局异常信息 ex=null java.lang.NullPointerException: null at sun.awt.FontConfiguration.getVersion(FontConfiguration.java:1264) at sun.awt.FontConfiguratio
【问题记录】输入url地址，访问验证码图片失败的解决方案！！！
CiCi____的博客
10-18 499
在拉取代码并本地启动前端项目时，验证码访问失败，并显示CORS问题，经过多番排查，最终解决问题。此文便是解决过程的详细记录，以此用来提示自己。
Java部署到服务器接口404（本地可以正常访问）
CXY_BOY的博客
08-21 1938
部署到服务器404
HTML5使用＜pre＞标签：保留原始排版方式
最新发布
pan_junbiao的博客
07-06 69
在网页创作中，一般是通过各种标记对文字进行排版的。但是在实际应用中，往往需要一些特殊的排版效果，这样使用标记控制起来会比较麻烦。解决的方法就是保留文本格式的排版效果，如空格、制表符等。如果要保留原始的文本排版效果，则需要使用。使用<pre>标签保留原始排版方式。
前端打包dist到服务器上能不覆盖指定的原文件吗
06-09
如果你想在上传打包文件时不覆盖指定的原文件，可以采用以下两种方式： 1. 将打包文件上传到一个新的目录，不要上传到原文件所在的目录。 2. 使用类似于rsync这样的工具，在上传时选择性地覆盖指定的文件或文件夹，这样就可以保留原文件不被覆盖。例如，可以使用以下命令： ``` rsync -av --exclude=dist /path/to/source/ /path/to/destination/ ``` 其中`--exclude=dist`表示排除dist目录，即不覆盖原文件中的dist目录。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值