vue打包文件本地打不开

最新推荐文章于 2022-08-12 15:58:18 发布
原创 最新推荐文章于 2022-08-12 15:58:18 发布 · 3.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客指出在console中会出现index.html关联不到其他文件的问题，解决办法是在config.js里，将静态文件的引用路径从‘/’改为'./'。

这种问题通常在console中会看到index.html关联不到其他文件了。

解决：config.js中，改静态文件的引用路径‘/’改'./'

 build: {
   
    assetsPublicPath: './',

 

vue打包本地启动方案
qq_28875189的博客
05-23 1498
在本地启动Vue打包的方案有很多种。
vue2项目打包遇到的问题（记录）
weixin_43939111的博客
07-19 1413
临时纯手工搭建开发了个vue2小项目，打包后出现了很多问题。
解决vue打包后访问资源失败问题
sslcsq的博客
10-29 1319
在vue.config.js中配置 module.exports = { publicPath: './', assetsDir: 'static', // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。 outputDir: 'dby', // 输出文件目录 }
Vue 打包的静态文件不能直接运行的原因及解决办法
01-22
问题 吾辈使用 vue-cli 直接生成的 vue 模板项目，在模板之上继续开发的。然而在使用 npm run build 打包项目时，却发现打包好的项目在浏览器中直接打开好像什么都没有？ 原因 查看了一下打包后的 index.html 源码，终于发现了一个重要的点： 所有涉及到路径的地方全都是以 / 开头的 下面是吾辈打包后生成的 dist 目录 dist:. │ index.html │ └─static ├─css │ app.b7bce283257fbd427fb1dc3fea80cee1.css │ app.b7bce283257fbd427fb1dc3fea
在vue-cli项目中打包的 dist 静态文件不能直接双击打开访问解决方法-直接打开访问是空白的解决方法
厚积薄发.
08-08 5953
在vue-cli项目中打包的 dist 静态文件不能直接双击打开访问-直接打开访问是空白的解决方法。这个就是以 http 协议来打开 网页。这样上面两种方法都可以打开打包好的 dist 下面的网页。vue-cli 默认的需要http协议才能打开，这里需要配置一行代码即可解决！如果不加，打开是空白的额，需要在服务器上，即使用 http 协议才能打开！......
使用webpack打包vue项目,无法自动在浏览器中打开,情况总结
Moreisy的小镇
07-05 3421
最近用vue-cil快速构建vue项目的时候,发现他默认的是无法在浏览器的窗口中打开的,很不方便.当你运行 npm run dev 的时候窗口会显示I  Your application is running here: http://localhost:8080这段话的意思是：你的程序运行地址是:http://localhost:8080于是总结了一下浏览器默认打开的设置方法.其实归根结底就是一...
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
然而，在完成打包后，经常遇到在本地无法打开打包后的应用文件的问题。这通常是因为Vue-cli默认设置的静态文件服务路径问题导致的。 首先，我们需要明确npm run dev与npm run build两个命令的区别。npm run dev命令...
vue编译打包本地查看index文件的方法
08-27
在Vue.js开发过程中，我们经常需要将项目编译打包，以便于部署到生产环境或者预览本地构建结果。本文将详细介绍如何在Vue编译打包后，本地查看`index.html`文件，以及`/build/config/index.js`配置文件中的`...
解决Vue打包后访问图片/图标不显示的问题
10-16
总结一下，解决Vue打包后图片和图标不显示的问题主要涉及两个步骤：一是检查并修正CSS中引用资源的路径，二是通过配置`publicPath`让Vue CLI在打包时自动处理资源路径。完成这两个步骤后，你应该能够成功地在生产...
Vue 项目启动后在浏览器自动打开
前端小白的博客
08-12 6708
Vue 项目启动浏览器自动打开，项目启动遇到无法访问此网址
vue-cli打包之后的dist文件无法运行index.html
za_az的博客
03-29 5964
vue版本 "vue": "^2.5.2","webpack": "^3.6.0", 问题 打包之后的 dist 文件下面包含 static 文件和 index.html 文件，直接打开index.html文件为空白，控制台会有很多错误 解决方法 build/util.js if (options.extract) { return ExtractTextP...
解决vue新项目不能自动打开浏览器
sinat_35539553的博客
05-09 561
在新项目 config配置文件里有index.js把 autoOpenBrowser: true,就好了
vue 打包之后如何运行本地文件
wwf1225的博客
05-26 5457
vue 打包之后如何运行本地文件 1. 需要安装http-server 通过npm install -g http-server进行全局安装 2. 通过命令行进入到dist文件夹 运行http-server 3.在浏览器输入上述地址就可以访问了. 第二篇博客：https://blog.youkuaiyun.com/qq_22713201/article/details/95630246 ...
vue项目打包在本地打开（开启一个本地服务器）
weixin_38289645的博客
11-28 7201
今天是打包的时候看到这个提示： Tip: built files are meant to be served over an HTTP server.   Opening index.html over file:// won't work. 然后学到到node.js里面的http-server开启本地服务，从本地文件夹中直接打开的一般都是file协议，当代码中存在http或https的链接...
vue从后台下载.zip压缩包文件
热门推荐
wusq的博客
10-31 2万+
vue前后端分离，使用element的el-button组件从后台下载文件，并且解决乱码问题 1.添加下载按钮 2.（原始方法，会出现乱码）给按钮添加点击事件，添加接口代码 download: function() { const row = this.tableRadio // console.log(row) axios.get('/api/...
Vue中导出Excel文件
weixin_39205240的博客
08-13 1825
1 . 在文件中引入Blob.js & Export2Excel.js文件 ；例如我将文件放在src/plugins/vendor/ ; 2. Blob.js /* eslint-disable */ /* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, http://eligrey.com * ...
Java后端与Vue前端导出Excel表格文件并解决乱码和文件打不开
江湖人称小程的博客
11-26 9467
Java 需要用到 poi 两个依赖包，Maven如下： <!-- https://mvnrepository.com/artifact/org.apache.poi/poi --> <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>5.0.0</version> </depende
怎么在本地电脑上运行vue项目打包出来的dist文件
zayyo的博客
07-27 3486
如何在本地运行我们的dist文件夹
vue打包后本地字体不生效
08-09
在使用 Vue 打包后，本地字体没有生效可能有以下几个原因： ...综上所述，排查和解决 Vue 打包后本地字体不生效的问题，需要检查路径、文件类型、Webpack 配置和缓存等方面，确保字体文件的引用和加载的正确性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值