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

最新推荐文章于 2025-03-15 00:00:00 发布
最新推荐文章于 2025-03-15 00:00:00 发布
阅读量727 收藏
点赞数 3
分类专栏： Vue.js 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IAIPython/article/details/142659922
版权

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项目打包布署
m0_67403013的博客
06-18 4761
我们使用Vue做项目时，基本都是前后端分离的，所以项目布署有时是前后单独部署。因此前端开发人员很有必要熟悉一下项目部署的流程。Vue项目打包部署本身不复杂，不过一些前端同学可能对服务器接触不多，部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题。一般我们在布署时，服务器已经开通好了，我们进入服务器配置就好了。一般而言，nginx后端会安装好。我们在此熟悉一下安装过程 启动后，正常情况下，直接访问`http://服务器ip`或`http://域名`。如
vue2打包带路径的项目，刷新404问题解决
飞翔小猪的博客
02-13 471
文件，但该文件不存在，因此返回 404 错误。重新加载 Nginx 并验证页面刷新是否正常。时可以正常加载首页，但刷新页面时出现。但当刷新页面或直接访问子路由（如。，并通过 Nginx 配置访问。），确保不再出现 404 错误。时，Nginx 会正确返回。）时，Nginx 会尝试查找。刷新页面或直接访问子路由（如。：如果以上都找不到，则返回。修改 Nginx 配置，将。，由 Vue 路由处理。，由 Vue 路由处理。，确保首页可以正常加载。，将所有请求重定向到。，确保所有请求都返回。
vue打包相对路径，设置publicPath没作用解决方法
ejunda的博客
10-18 2604
不知道为什么会导致，publicPath没有生效。transpileDependencies这个属性，
彻底解决 Vue 打包后静态资源图片失效的终极指南
嗨，欢迎来到我的 CSDN 博客小天地！一名深耕多年的技术发烧友。在这里，我将把日常工作中积累的宝贵经验，从复杂架构设计的精妙之处，到代码优化的实战技巧，毫无保留地分享给大家。
03-15 2241
彻底解决 Vue 打包后静态资源图片失效的终极指南
vue history publicPath失效踩坑
weixin_47438917的博客
03-01 1064
vue history publicPath失效踩坑
vue url-loader 打包图片资源，会多出图片， publicPath没起作用
m0_52946104的博客
09-23 810
vue url-loader publicPath 不起作用
vue.config.js publicPath "./" npm run build无效的原因
diqigou2000的博客
09-30 8443
outputDir assetsDir indexPath必须填 module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/', outputDir: "dist", assetsDir:"static", indexPath:'index....
vue2的打包事项（publicPath路径），部署在域名子路径上
insist_life的博客
06-18 5955
/ 例如 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打包项目后刷新404的问题
08-27
总之，解决Vue打包后刷新404的问题主要是通过正确配置服务器，确保所有请求都能导向Vue应用的入口HTML文件，让前端路由有机会处理路由跳转。通过理解这一机制，你可以更好地管理和部署Vue应用，提供更流畅的用户体验...
Vue项目History模式404问题解决方法
12-01
然而，当项目使用History模式部署到服务器，尤其是Nginx服务器上时，遇到刷新页面出现404错误的问题，因为服务器无法直接处理这些路由请求。下面我们将详细探讨这个问题的原因以及解决方案。 1. 问题分析： 在...
vuepress 打包后左侧菜单链接 404 问题解决办法
本博客纯属个人网络笔记，如对阁下有用，甚喜；否则，关掉即可，不喜勿喷。专心写代码，不做键盘侠！
11-06 525
用 vuepress 搭建个人博客还是挺不错的，一个配置文件就搞定了，只需要专注编写内容的 md 文件，想到一个用途就是用它来搭建知识文档库。
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
vue（2）-配置（2）publicPath‘./’和‘/’的区别
qq_42440919的博客
12-14 9260
一、含义 ‘./’表示相对路径，表示当前目录下的 ‘/’表示绝对路径，表示根目录下的。 二、build后 正式环境：打包后的类似<scriptsrc="static/js/index.752b9949.js"> 测试环境：scripttype="text/javascript"src="/static/js/index.js"> 三、配置 不推荐：publicPath:process.env.NODE_ENV==="production"?"./":"/"...
Vue2/3 config里配置publicPath/base之后proxy的配置修改
GIS小虫的博客
08-18 3006
记录一下 module.exports = { publicPath: '/myProject', devServer: { disableHostCheck: true, //webpack4.0 开启热更新 proxy: { '/localApi': { target: 'http://ip:port/api/', changeOrigin: true, pathRewrite: { '/myProject/loca
解决Vue项目刷新404
挨踢星球
09-05 3483
如果服务器没有正确配置，当用户直接在浏览器地址栏中输入一个历史模式的URL或者刷新当前页面时，服务器可能会尝试查找与该URL对应的物理文件，而实际上这样的文件不存在。这是因为历史模式依赖于服务器配置来确保在浏览器请求的URL没有对应的物理文件时，仍然返回应用的入口文件（通常是”index.html”）。要在使用Vue的历史模式时正确配置服务器，以确保在浏览器请求的URL没有对应的物理文件时仍然返回应用的入口文件（通常是”index.html”），需要根据你所使用的服务器类型进行相应的配置。
miscro-app静态资源配置publicPath之后还是不显示问题（vue2）
jiangjiang_ing的博客
01-05 742
assetsSubDirectory: 'microstatic', //assetsSubDirectory 资源子目录 存放静态资源文件的static，css、js、img。配置一下assetsSubDirectory试试。
Vue webpack打包后可以直接修改配置文件
weixin_48205715的博客
11-10 1216
1.创建新的js配置文件 放在public目录下，防止js文件被打包编译 2.js配置文件里将变量参数赋值window全局 3.在public/index.html导入该js配置文件 4.最后在需要用到得地方直接window.名称即可 亲测有效 这样就不用每次需要修改配置时再重新打包 ...
webpack中的publicPath路径问题（output和DevServer中的publicPath的作用）
热门推荐
冰雪为融的博客
05-08 1万+
在webpack的配置文件中，output和devServer中都可以设置一个publicPath属性，那么两者的作用有什么不同呢？嗯、稍微的分析一下1、publicPath在output属性里面，设置的其实是一个基础的路径，它会为我们所有的资源都应用上publicPath设置的值，然后再接上资源对应转换出来的路径，怎么理解呢，看一下例子就知道了我们在配置文件中设置了一下的值output:{ ...
Vue项目上线刷新404
最新发布
03-22
好的，我现在要解决用户的问题：Vue项目上线后刷新页面出现404错误，尤其是在使用history模式时，需要配置Apache和Nginx服务器。用户还提到了相关的引用资料，我需要结合这些资料来给出正确的解决方案。 首先，我得...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值