vue打包后拿到的dist文件，放到服务器上之后，有文件报404

保留重要文件的原包装：搬家后便于快速找到重要文件。 #生活技巧# #家居布置建议# #搬家收纳技巧#

vue打包后拿到的dist文件，放到服务器上之后，有文件报404

最新推荐文章于 2024-10-16 15:58:42 发布

熙熙攘攘Re 于 2019-08-05 23:19:50 发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

问题描述：将vue打包后的dist文件放到服务器上访问index.html文件的时候，控制台有.js文件找不到。（如下图所示）

问题解决：

首先来看下打包后的index.html文件里面引入的js文件。

找不到的js文件是这样被打包引入的：

因此，要解决打包后404问题，就得修改下配置文件。

（配置文件存在的位置）

打开该index.js配置文件：

将‘ / ’ 改为  ‘ ./ ’  (如下图所示)，然后再次打包，404问题即可解决。

网址：vue打包后拿到的dist文件，放到服务器上之后，有文件报404 https://www.yuejiaxmz.com/news/view/551367

相关内容

Vue项目的打包方式（生成dist文件）
前后端分离项目，部署服务器之前后端打包教程
vue
Vue 项目路由模式：`hash` 与 `history` 的差别及后台配置详解
vue 项目中 动态加载图片src的解决方法
vue组件中是否可以访问实例data中数据？
基于SpringBoot+Vue的社区邻里服务平台系统(源码+LW+调试文档+讲解)
webpack自动化构建工具详细笔记，入门到实战，解决 webpack : 无法将“webpack”项识别为 cmdlet、函数、脚本文件或可运行程序的名称，和webpack : 无法加载文件等等
win11文件不能拖放到软件问题解决（不能拖放文件到soildworks2020）
Django设置 DEBUG=False后静态文件无法加载解决

随便看看