【Vue】vue2项目打包后部署刷新404，配置publicPath ./ 不生效问题

最新推荐文章于 2026-02-11 09:34:49 发布
原创 最新推荐文章于 2026-02-11 09:34:49 发布 · 912 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#vue.js #前端 #javascript

Vue Router mode，为 history 无效，建议使用默认值 hash；
在这里插入图片描述
在这里插入图片描述

vue webpack build资源相对路径的问题及解决方法
01-19
默认情况webpack+vue-cli打包的css、js等静态资源路径都是绝对的，即static在根目录下，如果部署到带有文件夹目录的项目中，资源路径就会出错。 如图： 解决方法: 在webpack.prod.conf.js中，output中添加或者修改为 publicPath: ‘./’； output: { publicPath: './', path: config.build.assetsRoot, filename: utils.assetsPath('js/[name].[chunkhash].js'), chunkFilename: utils.assetsPat
vue2的打包事项（publicPath路径），部署在域名子路径上
insist_life的博客
06-18 6477
/ 例如 https://www.ruoyi.vip/。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。//官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions。// http://doc.ruoyi.vip/ruoyi-vue/other/faq.html#使用gzip解压缩静态文件。$/i, // 压缩文件格式。
vue（2）-配置（2）publicPath‘./’和‘/’的区别
qq_42440919的博客
12-14 9601
一、含义 ‘./’表示相对路径，表示当前目录下的 ‘/’表示绝对路径，表示根目录下的。 二、build后 正式环境：打包后的类似<scriptsrc="static/js/index.752b9949.js"> 测试环境：scripttype="text/javascript"src="/static/js/index.js"> 三、配置 不推荐：publicPath:process.env.NODE_ENV==="production"?"./":"/"...
Vue2 系列：vue.config.js 参数配置
热门推荐
weixin_64684095的博客
06-29 1万+
注意：其值应该是一个对象，对象的 key 是入口的名字，value 是：1.一个指定了 entry, template, filename, title 和 chunks 的对象 (除了 entry 之外都是可选的)；说明：部署应用包时的基本 URL，例：https://www.my-app.com/my-app/，则设置 publicPath 为 /my-app/说明：放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。默认值：'index.html'
vue打包相对路径，设置publicPath没作用解决方法
ejunda的博客
10-18 2957
不知道为什么会导致，publicPath没有生效。transpileDependencies这个属性，
Vue.config文件里边的publicPath的配置使用
2201_75705263的博客
03-05 9923
如果你的项目里面的静态文件都放在public文件中，那么使用的时候要使用publicPath这个变量，防止打包后静态文件找不到；你需要通过绝对路径来引用它们。因为：任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack；相当于打包过后的路径上多一个文件夹的名字。
Vue项目打包部署Tomcat中刷新404的问题
li352558693的专栏
12-15 2028
使用的是vue ui进行本地run和build的工作,使用的mode是history模式.本地刷新不会出现404的情况,但是打包build部署到tomcat后,刷新页面会出现404的情况.按照网上搜出来的解决方案,在根目录手工添加"WEB-INF"文件夹,并新增"web,xml"文件,如下: <?xml version="1.0" encoding="UTF-8"?> <we...
Vue项目部署实战：5分钟搞定Nginx配置history路由刷新404问题
最新发布
green的博客
02-11 616
本文详细解析了Vue项目部署中Nginx配置history路由模式导致的刷新404问题，提供了从基础到高级的多种解决方案，包括API代理、子目录部署和性能优化配置。通过5分钟快速配置指南，帮助开发者彻底解决这一常见部署难题，确保SPA应用在生产环境中的稳定运行。
Vue之项目打包部署到服务器
ChenXj0.0的博客
09-18 2274
第一步：在build/utils/webpack.prod.conf.js 中的output中添加一条 publicPath:’./’ 在build/utils/webpack.prod.conf.js 中的output中添加一条 publicPath:’./' 如果有则继续往下走，come on！！！ 没有的话看第二步 Vue-cli3.0文件配置 Vue-cli3.0没有config文件，需要自己在根目录新建一个vue.config.js文件。具体内容如下： const webpac
nginx 部署vue项目，页面白屏或者页面刷新出现404问题
qq_52700250的博客
06-22 1万+
解决在nginx 部署vue项目时，页面白屏或刷新出现404问题
前端 JS 经典：vue 开发中的 base 和 publicPath
weixin_64684095的博客
05-27 4647
不知各位小伙伴有没有遇到过这样的问题，就是本地开发的好好的，结果打包后自信满满的交给运维部署，一上线，就是页面资源找不到了，跳转页面白屏了。等各种问题，这大概率就是配置问题。有这么两个配置 base 和 publicPath, 这个两个配置在 vue2 和 vue3 的表现形式不同，下面会详细介绍。这两个配置一般影响的是生成环境，对本地开发没啥影响。
vue3项目路由跳转成功，但是页面空白，刷新一下才能显示（已解决）
JHGYLD7的博客
07-30 3823
原链接：(23条消息) vue 路由跳转页面不刷新_vue路由跳转页面不刷新_咬着拽天下的程序猿的博客-CSDN博客困扰我整整一天的问题就这么解决了，谢谢
vue脚手架增加自动打入环境变量publicPath、baseUrl等功能
Stride的博客
10-19 592
，减少了很多重复的工作量，特别对于ui定义化的统一样式，通过外部变量修改的方式已经远远达不到ui的效果，我基于源码（增加内置变量、修改内置变量、直接修改组件内部样式等方式）去维护了一些统一化的样式（基于默认大小）排除文件xx.zip、xx，例如项目叫web-admin，以上变量都是admin，我就在想每次创建项目去改这些实在太麻烦了，有没有更方便的方式。中就是文件映射和打包后文件赋值给了环境变量，baseUrl也是同理不重复举例了，别忘了404界面如果写了返回，开发环境返回的也应该是。
在Vue3和Vue2中配置 base 和 publicPath (应用要被部署在一个子路径上)
armanted的博客
01-09 719
如果是在hash路由模式下部署。在Vue2 中设置路由模块。在Vue3 中设置路由模块。去除路径中的' #' 号。在Vue2中设置路由模块。在Vue3中设置路由模块。
vue url-loader 打包图片资源，会多出图片， publicPath没起作用
m0_52946104的博客
09-23 860
vue url-loader publicPath 不起作用
vue.config.js publicPath "./" npm run build无效的原因
diqigou2000的博客
09-30 8541
outputDir assetsDir indexPath必须填 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: "dist", assetsDir:"static", indexPath:'index....
Vue2/3 config里配置publicPath/base之后proxy的配置修改
GIS小虫的博客
08-18 3167
记录一下 module.exports = { publicPath: '/myProject', devServer: { disableHostCheck: true, //webpack4.0 开启热更新 proxy: { '/localApi': { target: 'http://ip:port/api/', changeOrigin: true, pathRewrite: { '/myProject/loca
大白话Vue之publicPath
anydo_wang
05-28 1万+
大白话Vue之publicPath
解决vue路由跳转页面需要手动刷新才能渲染页面的问题
m0_69853343的博客
08-30 2623
问题：从登录页面跳转到首页，页面不会刷新，退出按钮不会出现，需要手动刷新才会出现。解决方法在需要刷新的页面里面添加。
线上bug!! Vue路由首次跳转白屏，刷新一次才可正确显示页面！！
weixin_41086056的博客
06-22 2846
线上bug记录，vue路由跳转白屏问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值