打包之后npm run build放到服务器上之后刷新会报404怎么解决啊

已于 2023-10-10 09:34:12 修改
阅读量2.9k 收藏 1
点赞数
分类专栏： iview 踩坑 vue 文章标签： vue 404 ivew npm run build
于 2018-12-24 11:37:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Gas_station/article/details/85231031
版权

方法一：打包之后npm run build放到服务器上之后刷新会报404怎么解决啊
如果你是 iview + vue 的项目 请到src/route/index.js  把
mode: 'history' 注释掉 再重新打包
其他纯 vue-cli 项目的 直接找到 mode: 'history' 对应的文件，一样 注释掉 再重新打包

方法二：当然，如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。需要后台配置支持 详细见vue官网(链接如下)

https://router.vuejs.org/zh-cn/essentials/history-mode.html

OK，收工！如果可以实现记得点赞分享，谢谢老铁～

前端加油站
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
今天小编就为大家分享一篇解决Vue-cli npm run build生产环境打包,本地不能打开的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue打包 npm run build-test突然不动了的问题
01-22
输入npm run build-test 突然停在这不动了 what? 不动了？！ 后来google了一下 大家都是人才 运行一下这句话 就动了！！ npm config set registry http://registry.cnpmjs.org 补充知识：vue_test_unit_e2e常见...
关于vue的npm run dev和npm run build的区别介绍
10-17
主要介绍了关于vue的npm run dev和npm run build的区别介绍，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
用vue-cli构建了项目之后在webstorm开发，用npm run dev跑本地服务，经常修改之后在浏览器刷新没反应，偶尔才会有刷新，需要重新跑一遍npm run dev才会更新，这是怎么回事呢？
java_goodstudy的博客
12-29 1万+
webstorm保存的时候会先保存到旧时文件中，其实并没有真正保存，要在setting->stystem settings下的“use save write”去掉
vue项目执行npm run build 打包出现某些图片，字体，资源文件路径404，无法加载的问题
D.uccky的博客
09-20 4941
如图所示： 如果出现如图的错误。首先我们第一步是考虑进入dist文件夹里面的static文件夹 正常情况下static文件夹是非常干净的 如果你发现你的static文件夹出现了多余的img、fonts文件夹等。则可以考虑如下的解决方式。 一般出现这种情况是因为图片过大或者资源文件过大、超过了打包规定的限制 此时，我们按照下图找到对应的文件 默认限制是10kb。我们可以修改为...
Vue项目npm run serve，命令行面板报错404s will fallback to /index.html，首页无法加载
weixin_46190955的博客
01-04 3145
Vue项目npm run serve，命令行面板报错404s will fallback to /index.html，首页无法加载，已解决
在.webpackrc.js设置了proxy, npm start工作正常，npm run build后提示404（not found)
hzxOnlineOk的博客
12-01 1017
.webpackrc.js { "proxy": { "/atrium": { "target": "http://127.0.0.1:5000/api/v1.0/", "changeOrigin": true, "pathRewrite": { "^/atrium" : "" } }, } } services中 export function fetch() { return request(`/atrium/commands`
Vue打包部署到服务器-找不到静态资源404错误
AnnaF的博客
04-23 2285
问题描述 运行之后正常，npm run build打包正常，发布服务器静态资源丢失 。 报错截图 导致原因 打包后的资源使用了绝对根目录路径，因此将项目部署到特定目录下，其引入的资源路径无法被正确解析。 解决方法 步骤一：更改config文件夹下index.js(config -> index.js -> build对象)资源发布路径 下面展示一些 内联代码片。 //change...
vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误
weixin_33769207的博客
06-10 335
在项目中。通过vue-cli 搭建的项目，npm run dev时，以绝对路径引用的相关资源在npm run build 后，页面打开报相关资源404错误； 解决方法如下： 打开build/utils.js，在图中相应位置加入红框内容，其中值可能会有不同，若不同，自己配置成相应的即可。 转载于:https://www.cnblogs.com/xzma/p/9162584.html...
vue打包npm run build时候界面报错的解决
10-14
在某些情况下，当你用`npm run build`打包Vue应用并部署到服务器后，浏览器可能会显示`Failed to load resource: the server responded with a status of 404 (Not Found)`的错误。这个错误通常意味着服务器无法找到...
npm run build 打包这些玩意
01-08
在开发Web应用时，`npm run build` 是一个常见的命令，用于将项目打包为生产环境可用的静态资源。这个过程涉及到一系列的构建步骤，包括编译、压缩、优化等，确保应用能够在部署后正常运行。以下是一些关于 `npm run...
打包之后npm run build放到服务器上之后刷新会报404怎么解决
12-24 955
方法一：打包之后npm run build放到服务器上之后刷新会报404怎么解决啊 如果你是 iview + vue 的项目 请到src/route/index.js 把 mode: 'history' 注释掉 再重新打包 其他纯 vue-cli 项目的 直接找到 mode: 'history' 对应的文件，一样 注释掉 再重新打包 方法二：当然，如果不想要很丑的 hash，我们可以用路由的 hi...
【Vue】npm run build 报错，页面空白
Shino_jie的博客
09-14 1607
vue项目运行npm run build打包后打开index.html文件页面空白、报错404，解决办法网上看大部分都是修改config文件夹下的index.js文件，但是现在建立的项目已经没有这个文件夹了，所以自己又找了找。
vue-cli3打包上线页面空白接口404
陈福国的博客
02-12 949
解决这个问题，需要手动在根目录下配置vue.config.js。然后重新打包，重新把打包后的dist文件夹上传到服务器。
vuejs中执行npm run dev出现页面cannot GET/问题
热门推荐
纸上得来终觉浅，绝知此事要躬行
03-15 3万+
1.问题描述 最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况: 1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 2.命令窗口中并没有报错 其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发
项目运行npm run dev浏览器始终报cannot get /
Martin_i的博客
06-21 1757
问题描述：项目运行npm run dev浏览器始终报cannot get / 问题原因：打包后dist文件缺少默认index.html，导致404 解决办法：使用htmlWebpackPlugin生成index.html或者将项目根目录下面的index.html复制到dist目录下，另外需要额外设置一下contentBase，告诉服务器内容的来源。仅在需要提供静态文件时才进行配置。webpack开发环境配置如下： devServer: { contentBase: path.resolve
安装插件报错--npm run build 打包时，文件路径可能出错
hkduan的博客
03-15 2924
npm run build 打包时，文件路径可能出错。 在浏览器chrome中报错，路径错了。 可以修改vue.config.js，如果没有这个文件，可以手动添加，放在package.json同级 module.exports = { /* 部署生产环境和开发环境下的URL：可对当前环境进行区分，baseUrl 从 Vue CLI 3.3 起已弃用，要使用publicPath */ ...
搭vue环境时，npm总报npm ERR! code E405 npm ERR! 405 Method Not Allowed 错误的解决方法
weixin_43699308的博客
08-14 3628
输入淘宝镜像命令，总是报错405 可能是仓库路径出现问题 发现确实是路径有问题 将路径修改后，显示正确 在报错中找到 C:\Users\DELL 对应你自己的 复制到我的电脑里找到该文件下的.npmrc文件，用记事本打开，将上面已经修改正确的路径复制进去即可。 ...
前端vue 前后端交接 报错405
weixin_51395834的博客
06-08 7985
前后端交接、调用后端接口时遇到很多报错！把孩子心态搞掉(狗头) 记录下来让大家解决报错，不用像我一样苦苦搜寻了(泪目)
npm run build打包完后需要做什么
最新发布
03-25
A：打包完后需要将生成的打包文件进行部署、发布、运行等操作，具体取决于项目的需求和部署环境。常见的操作包括将打包文件上传至服务器、通过CDN加速、将静态资源部署至云存储等。在部署完成后，可以进行测试、上线等操作，确保项目可以稳定运行。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端加油站

你遇到的坑将由我来踩

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值