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

最新推荐文章于 2025-09-07 10:30:00 发布
原创 最新推荐文章于 2025-09-07 10:30:00 发布 · 866 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

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

vue3+vite - 打包编译后页面白屏、CORS跨域、加载js/html文件失败、图片不显示、音视频不显示问题，解决打包生成index.html页面显示空白、找不到资源、报资源跨域打不开报错问题！
高级前端工程师
05-30 1万+
vue3，vite，build，打包编译，vite打包后页面白屏，index.html，dist，跨域，CORS报错，图片不显示，资源js加载出错，部署服务器后打开，页面空白，网页不显示，浏览器控制台，全是报错，vite+vue3执行build打包后index.html无法打开怎么办，打不开咋办，啥也不显示，index.html打开空白，打开cors跨域怎么解决，网页上线后一刷新就报错，上线后，typescript，ts，404-Page Not Found，vite build后访问报错，Vite+Vue
vue打包相对路径，设置publicPath没作用解决方法
ejunda的博客
10-18 2829
不知道为什么会导致，publicPath没有生效。transpileDependencies这个属性，
vue2的打包事项（publicPath路径），部署在域名子路径上
insist_life的博客
06-18 6323
/ 例如 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部署踩坑全记录：publicPath和base到底啥区别？99%的前端都搞错过！
最新发布
weixin_48221903的博客
09-07 1129
在Vue项目开发和部署过程中，很多开发者都会遇到这样的困扰：本地开发时一切正常，但项目打包部署到服务器后却出现白屏、资源加载失败、路由跳转异常等问题。这些问题的根源往往在于路径配置不当。
vue（2）-配置（2）publicPath‘./’和‘/’的区别
qq_42440919的博客
12-14 9469
一、含义 ‘./’表示相对路径，表示当前目录下的 ‘/’表示绝对路径，表示根目录下的。 二、build后 正式环境：打包后的类似<scriptsrc="static/js/index.752b9949.js"> 测试环境：scripttype="text/javascript"src="/static/js/index.js"> 三、配置 不推荐：publicPath:process.env.NODE_ENV==="production"?"./":"/"...
vue history publicPath失效踩坑
weixin_47438917的博客
03-01 1138
vue history publicPath失效踩坑
miscro-app静态资源配置publicPath之后还是不显示问题（vue2）
jiangjiang_ing的博客
01-05 802
assetsSubDirectory: 'microstatic', //assetsSubDirectory 资源子目录 存放静态资源文件的static，css、js、img。配置一下assetsSubDirectory试试。
解决vue打包项目后刷新404的问题
08-27
总之，解决Vue打包后刷新404的问题主要是通过正确配置服务器，确保所有请求都能导向Vue应用的入口HTML文件，让前端路由有机会处理路由跳转。通过理解这一机制，你可以更好地管理和部署Vue应用，提供更流畅的用户体验...
Vue项目History模式404问题解决方法
12-01
然而，当项目使用History模式部署到服务器，尤其是Nginx服务器上时，遇到刷新页面出现404错误的问题，因为服务器无法直接处理这些路由请求。下面我们将详细探讨这个问题的原因以及解决方案。 1. 问题分析： 在...
vuepress 打包后左侧菜单链接 404 问题解决办法
本博客纯属个人网络笔记，如对阁下有用，甚喜；否则，关掉即可，不喜勿喷。专心写代码，不做键盘侠！
11-06 644
用 vuepress 搭建个人博客还是挺不错的，一个配置文件就搞定了，只需要专注编写内容的 md 文件，想到一个用途就是用它来搭建知识文档库。
宝塔部署 Vue 项目更新打包文件后不生效的原因及解决方案
07-10
在宝塔面板中部署 Vue 项目后，更新打包文件无效是一个常见问题。通常涉及以下几个方面： ### 3.1 静态资源路径配置问题 Vue 项目在打包时，默认使用相对路径 `static/`，但某些情况下需要调整路径以适应服务器...
vue url-loader 打包图片资源，会多出图片， publicPath没起作用
m0_52946104的博客
09-23 832
vue url-loader publicPath 不起作用
解决Vue项目刷新404
挨踢星球
09-05 3629
如果服务器没有正确配置，当用户直接在浏览器地址栏中输入一个历史模式的URL或者刷新当前页面时，服务器可能会尝试查找与该URL对应的物理文件，而实际上这样的文件不存在。这是因为历史模式依赖于服务器配置来确保在浏览器请求的URL没有对应的物理文件时，仍然返回应用的入口文件（通常是”index.html”）。要在使用Vue的历史模式时正确配置服务器，以确保在浏览器请求的URL没有对应的物理文件时仍然返回应用的入口文件（通常是”index.html”），需要根据你所使用的服务器类型进行相应的配置。
webpack中的publicPath路径问题（output和DevServer中的publicPath的作用）
热门推荐
冰雪为融的博客
05-08 1万+
在webpack的配置文件中，output和devServer中都可以设置一个publicPath属性，那么两者的作用有什么不同呢？嗯、稍微的分析一下1、publicPath在output属性里面，设置的其实是一个基础的路径，它会为我们所有的资源都应用上publicPath设置的值，然后再接上资源对应转换出来的路径，怎么理解呢，看一下例子就知道了我们在配置文件中设置了一下的值output:{ ...
【vue2】项目打包问题解决-js/css文件无法引用问题
Ma_Zhen_的博客
08-05 2300
使用vue-cil进行打包后，打开html文件，控制台报错，引入js/css文件失败。 （此项目没有创建多余文件，仅仅在index.html文件中引入了js和css文件）
vue项目修改assetsPublicPath后打包出现路径错误
lotte
10-19 2259
由原来assetsPublicPath：‘/ ‘ 修改相对路径assetsPublicPath：'./'后出现路径错误问题 static/css/static/img/login.png 路径多了两层static/css/ 出现问题原因 ExtractTextPlugin抽离css文件时没有转换资源引入路径，导致app.css引入了相对app.css目录为"static/img/ .png"的静态资源，该路径相对index.html即为：static/css/static/img/ .png...
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'
前端 JS 经典：vue 开发中的 base 和 publicPath
weixin_64684095的博客
05-27 4502
不知各位小伙伴有没有遇到过这样的问题，就是本地开发的好好的，结果打包后自信满满的交给运维部署，一上线，就是页面资源找不到了，跳转页面白屏了。等各种问题，这大概率就是配置问题。有这么两个配置 base 和 publicPath, 这个两个配置在 vue2 和 vue3 的表现形式不同，下面会详细介绍。这两个配置一般影响的是生成环境，对本地开发没啥影响。
Vue.config文件里边的publicPath的配置使用
2201_75705263的博客
03-05 9564
如果你的项目里面的静态文件都放在public文件中，那么使用的时候要使用publicPath这个变量，防止打包后静态文件找不到；你需要通过绝对路径来引用它们。因为：任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack；相当于打包过后的路径上多一个文件夹的名字。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值