vue打包测试时遇到得bug

最新推荐文章于 2023-03-07 12:50:48 发布
最新推荐文章于 2023-03-07 12:50:48 发布
阅读量265 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41985464/article/details/104214472
版权

项目在本地运行没有问题，打包测试部署到浏览器得时候，加载首页白屏并报错net::ERR_ABORTED 404 (Not Found)，意思是没有找到资源文件，解决办法
在项目得根目录下面创建vue.config.js文件
里面添加这样一句话
module.exports = {
publicPath: ‘./’
}
并在写router里面得js加上
在这里插入图片描述
这里不能用history路由模式，非得要用得话需要与后台配合

ljt-xiaokeai
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue路由history模式刷新404问题解决方案
Alex__King的博客
06-19 2227
由于vue单页面的原因，需要借助路由来实现页面的切换，主要有两个方法，history, 和 hash。hash的话在URL上带有 ’#’ 的地址，处理起来比较坑，还有就是路由比较丑，最坑的是，做 微信和支付宝 的时候回调地址，不允许加 ？好，只能用rest 风格。 但是换成history模式，就会有个新的坑，就是当用户刷新页面就无法显示了（404）。对于这个问题，我们只需要在服务器配置如果URL匹配不到任何静态资源，就跳转到默认的index.html。 在网上搜了，一吨教程，都是无效的，我真的是醉.
Vue PC项目发布流程.docx
01-08
总的来说，Vue.js PC项目的发布流程涵盖了代码提交、版本测试、问题修复、代码打包、服务器部署以及运行验证等多个环节，确保了产品能够稳定、高效地服务于用户。这个流程体现了良好的团队协作和严谨的质量控制，是...
【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)
SunPeng的博客
02-10 6005
线上部署报错net::ERR_ABORTED 404 (Not Found)
【vue】vue打包项目线上爆出net::ERR_ABORTED 404 (Not Found)解决办法集合
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
12-22 5296
vue打包项目线上爆出net::ERR_ABORTED 404 (Not Found)解决办法集合
vue 部署在页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
qq_37807767的博客
03-20 9343
vue项目在nginx上部署正常 这里写目录标题vue项目在nginx上部署正常问题解决拓展 最近接了一个新项目,有一个模块测试,必须在甲方爸爸指定的终端上测试… 好,为了所谓的安全,可以! 过了几天… 撸了几天的代码,发量又依稀减少了, 终于 本地联调,在nginx上部署成功啦!!! 拿着装好打包完成的u盘 经历了几个环节终于把文件用 xftp 拖到了服务器上. 嗯?看着部署小哥一顿操作,把我的小宝贝放到了tomcat下,心里涌起来一股不好的感觉… 这…这和我想的不太一样啊! 果不其然… 问题 net:
vue项目部署后刷新网页报404错误解决
疯小子
03-18 1万+
vue项目部署后刷新网页出现错误
vuepress-plugin-ribbon-animation:Vuepress功能区动画
05-02
:love_letter: vuepress-plugin-ribbon-...1.1.1 修复打包bug 1.1.2 修复组件高度bug 1.1.3 去掉console 大家目前去用1.1.3的版本 前面几个是测试用的版本 其他的大家就提lssues吧 // 只要把这个放进 config的plugins中
一个Nuxtjs的项目收集前后端分离中出现的各种Bug方便大众
08-09
5. **CSS和静态资源处理**：Nuxt.js使用Webpack进行打包，可能会遇到CSS样式冲突、静态资源路径问题等。使用`@nuxtjs/style-resources`模块导入全局样式，配置`assetsDir`来指定静态资源目录，可有效解决这些问题。 ...
项目打包的word步骤
06-12
这是在正式打包成应用前对项目的最后测试，确保没有bug。 对于HBuilderX的操作，主要是针对移动应用的打包。首先，新建一个5+App项目，然后将`dist`文件夹的内容替换到新项目中。接下来，打开`manifest.json`文件，...
test1:只是一个测试存储库
06-22
然而，“我们这里有一个失败的沟通”这句话可能表示在开发过程中存在沟通问题，或者在测试过程中遇到了未预期的错误。 标签 “JavaScript” 提供了关键信息，即这个存储库与JavaScript编程语言有关。JavaScript是一...
打包部署到服务器后，出现net::ERR_ABORTED 404 (Not Found)问题解决
mh200966的博客
03-07 1458
打包部署到服务器后，出现net::ERR_ABORTED 404 (Not Found)问题解决
vue luckysheet 全局引用问题
WenyueQ@
03-01 2909
luckysheet 引用全局样式问题
Chromium revision is not downloaded ：Puppeteer根据不同的操作系统下载对应的Chromium
Heartsuit的博客
09-06 6854
Problem: Chromium revision is not downloaded "scripts": { "start": "electron .", "packager": "electron-packager ./ awesome-app --platform=win32 --arch=all --out ./Executable --electronVer...
vue项目在test/ts环境打包报错
friend_ship的博客
01-05 1627
vue项目仅在test/ts测试环境打包中报错
vue项目打包失败问题记录
小混子得得的博客
11-25 8881
"vue": "^2.7.14"项目不知名原因打包失败
vue打包常见bug-vuebug系列（一）
weixin_63587281的博客
11-20 3717
vue导出常见bug ERROR in main Module not found: Error: Can't resolve './src' in webpack : 无法加载文件 C:\Users\86180\AppData\Roaming\npm\webpack.ps1，因为在此系统上禁止运行脚本。
vue打包自动生成项目，遇到的bug问题？
weixin_46409887的博客
11-06 318
1.打包文件后npm run dev 遇到以下问题 解决方法： 1.npm init 重新配置文件生成依赖包 如果还报错执行第二步 2.npm install npm -g 或 镜像服务器 cnpm install npm -g 以下报错时解决方法： 1.vue init webpack 重新跑环境 2.或者清除缓存的日志（百度尝试好多种这种亲测有效） npm cache clean --force (清除缓存日志) 3.cnpm install （重新运行依赖包） 4.npm run dev
VueJs 打包之后遇到的坑
热门推荐
biaov
06-01 4万+
最近在用webpack+vue写项目，经过几天的熬夜加班改BUG，终于把基本的框架给写完了，后面只要加一些小功能就可以了，太好吧！先来npm run build 打包出来看看吧！打包中...，我们用本地服务器打开看一下。额，不看不知道，一看吓一跳，坑咋这么多呢！但是作为一名积极向上的IT从业者，填坑吧。1.打包之后没有被渲染出来。怎么回事，刚打开就告诉我啥也没有，这是要搞事情的前奏啊！，我们看一下...
vue-cli2通过指令打出测试/生产包
Sophiego的博客
04-02 1245
之前vue-cli2项目每次打包都得手动去改测试生产地址，较为繁琐，于是研究了下如何在打包时设置baseURL直接打成测试/生产包。 vue-cli3有更为简单方法，奈何之前项目用的vue-cli2框架，总感觉步骤还是比较繁琐的，改的东西较多,有时间可以研究下不建立文件就可以打出多种包吧。 目前步骤如下 一、build 文件夹下修改 1)、对应build.js建立test.js，复制b...
vue 打包测试环境
最新发布
08-17
要将Vue项目打包成测试环境，可以按照以下步骤进行操作： 1. 打开命令行工具，进入Vue项目的根目录。 2. 确保已经安装了Node.js和npm。 3. 运行以下命令安装项目依赖： ``` npm install ``` 4. 打开项目的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值