vue 打包后访问接口报错404 解决方案（前提是在vue里使用了代理）

最新推荐文章于 2023-11-23 10:28:19 发布

asdfgh0077

最新推荐文章于 2023-11-23 10:28:19 发布

阅读量2.2k

点赞数

文章标签： vue

原文链接：https://www.codeprj.com/blog/b562371.html

版权

vue 打包后访问接口报错404 解决方案（前提是在vue里使用了代理）

参考文章：

（1）vue 打包后访问接口报错404 解决方案（前提是在vue里使用了代理）

（2）https://www.cnblogs.com/gaoxiaoxuner/p/11887159.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

asdfgh0077

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

解决vue打包后刷新页面报错：Unexpected token <

10-16

在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...

vue-cli3打包上线时遇到的坑（打包后页面空白、接口404、进入二级页面刷新404）

Echo的博客

06-15

4901

前言: 刚开始以为打包上线挺简单的，不就是 cnpm run build 打包然后把代码往服务器一扔吗。但是打包后发现遇到了各种问题，首先就是页面空白的问题，页面空白有两个原因，第一个是因为路径找不到造成的页面空白，第二个是渲染问题。其次就是后台接口404错误。在这里，我会建一个新的vue3项目，来重新走一遍打包时遇到的坑。 vue-cli3打包上线后页面空白 vue-c...

2 条评论您还未登录，请先登录后发表或查看评论

vue项目打包后不能运行报错

最新发布

weixin_45693431的博客

11-23

586

项目引入的资源过多，导致打包后体积过大不能正常运行，需要在webpack中添加如下配置。

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

speano的博客

05-22

1万+

解决Vue项目打包到服务器后请求接口报错404问题。

vue项目打包之后接口出现错误解决方式

温情

04-03

5962

错误信息这是新建一个项目还原问题，node简单写了个数据返回请求代码 const express = require('express') const app = express(); // 解决跨域问题 app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header('Access-Control-Allow-Methods', 'PUT, GET, POS

vue打包静态资源后显示空白及static文件路径报错的解决

10-14

在使用Vue.js框架进行前端开发的过程中，经常需要打包应用以便将其部署到生产环境中。打包过程中可能会遇到一些问题，其中最常见的问题之一就是打包后的静态资源显示空白和static文件路径报错。为了解决这些问题，...

解决vue打包项目后刷新404的问题

08-27

然而，当Vue项目被打包后，用户在浏览器中直接访问或刷新非根路由（如`/about`或`/contact`）时，可能会遇到404 Not Found错误。这是因为浏览器向服务器请求的是特定的路径，而服务器无法找到对应的静态资源。为了...

解决vue打包后刷新页面报错：Unexpected token

12-12

今天遇到了一个很怪的问题，在vue-cli+webpack的项目中，刷新特定页面后页面会变空白，报错为index.html文件中Unexpected token <。怪点一是开发环境没有问题，只有生产环境有问题，怪点二是只有一个页面有问题...

解决VueCil代理本地proxytable无效报错404的问题

01-22

因为项目中遇到了这个bug：Vue cil2中配置代理proxytable成功，却无效报错404，在后端和代理都配置无误的情况下，还是报404，先已解决，特记录，希望能帮助到他人；正文 1. 为什么要使用代理？代理的作用是：把...

vue项目打包发布到Nginx后无法访问后端接口解决办法

weixin_42485732的博客

03-30

7721

【代码】vue项目打包发布到Nginx后无法访问后端接口解决办法。

vue 打包项目访问不到后台接口_请问 vue 项目打包部署后不能发送请求是怎么回事...

weixin_33132819的博客

01-17

7187

项目未打包前是可以正常运行的，项目打包后通过 nginx 代理了一下前端代码是这样写的发送请求文件var ip = 'http://192.168.40.130/api';import axios from 'axios';/*** 发送 Post 请求,参数为 Data* @param url 接口路径* @param data 参数* @returns {AxiosPromise}*/expo...

vue3.0开发环境请求接口正常，打包后在测试环境请求接口失败

agua001的博客

09-10

3132

开发环境：测试环境： config配置：对比后发现，测试环境请求的是：端口号没写默认80。原因是后台没在nginx做反向代理，本地（开发环境）是本地请求nginx服务器，如果在config中没配置代理，就会报跨域问题，打包上测试环境，请求是nginx与服务器间的关系，即服务器对服务器。所以下次遇到这种问题，不能着急的跟后台说配反向代理。因为后天的反向代理可能有针对前端的，也有可能针对服务器的。老师，您辛苦了。节日快乐！ ...

vue 打包项目访问不到后台接口_vue 项目项目从创建到打包需要注意的几点配置...

weixin_30220707的博客

01-30

5647

起初在创建vue项目之后，我以为如果不是引入外部插件，项目里面的配置应该是很少改的，而且里面东西很杂，新手一眼看去可能就感觉头大。后来在做项目的时候发现，害怕配置真的是一个很大的缺点，必须要克服，所以我将vue项目几个基本的配置修改总结了一下，暂时想到的就这么多。。。项目创建初期：项目创建后，修改的配置是后台接口代理，在config文件夹的index.js里面，我只展示几个常修改的属性其他不做注释...

vue填坑之webpack run build 静态资源找不到

热门推荐

qq_30346089的博客

09-12

2万+

vue cli搭建的项目，在本地测试调试都OK，运行npm run dev之后运行正常,run build后放到线上找不到静态资源文件路径，最后终于解决

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

北枫林

04-21

8767

问题解决：把nginx里的配置里的 proxy_pass http://127.0.0.1:8080; 改成proxy_pass http://127.0.0.1:8080/; 多加一个斜杠。问题分析： Vue项目打包完之后接口请求不到后端出现404错误，这是由于Vue项目打包之后 proxyTable代理配置失效了。由于Vue项目打包之后代理失败，那么就需要使用Nginx进行反向代理请求了，可是还是出现404错误。在nginx中配置proxy_pass反向代理时，当在后面的url加上了 “/

vue项目打包部署到服务器上后页面404问题

qq_45963071的博客

11-24

1万+

当我们设置了mode为history时，当前端发送路径给服务端时，服务端根本就不认识省去#的url，所以返回给我们404，因为vue是单一页面所有的页面都在index.html中，vue是用js来切换页面的，具体的解释看vue官网。我使用的是宝塔面板，nginx服务器，在宝塔网站伪静态设置里添加此配置保存即可解决。

vue 接口请求地址前缀本地开发和线上开发设置

微微一芯的博客

12-05

1万+

开发环境 config/dev.env.js 'use strict' const merge = require('webpack-merge') const prodEnv = require('./dev.env') module.exports = merge(prodEnv, { NODE_ENV: '"development"', API_ROOT: '"https:/...

Vue之打包项目生产环境中请求接口报错404

qq_39835505的博客

11-15

1万+

打包流程 https://blog.csdn.net/qq_36538012/article/details/107356270 404 解决 https://blog.csdn.net/qq_34535116/article/details/120155149 问题 1 部署项目之后，浏览器空白页，报错如下：解决正常vue项目是要修改 config文件夹下的index.js 可是vue-element-admin项目没有这个文件那就找到并且打开vue.config.js 将 publicPath

Vue打包部署：Nginx反向代理解决跨域问题

vue 打包后访问接口报错404 解决方案 （前提是在vue里使用了代理）

vue 打包后访问接口报错404 解决方案（前提是在vue里使用了代理）