Vue项目改index.html不生效的解决方法

最新推荐文章于 2024-04-02 18:46:41 发布
最新推荐文章于 2024-04-02 18:46:41 发布
阅读量2.9k 收藏 6
点赞数 2
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinco25/article/details/126009747
版权

改了根目录index.html不生效

有时要在index.html 引入一些外部资源 或 改个title什么的，用有些模板创建的Vue项目在根目录下有index.html，但无论怎么修改都不会生效。经摸索，用以下方式完美解决。

把index.html移到public目录

把根目录下的index.html移到public 目录即可，如果根目录下没有public创建一个就行。
示例.jpg
再试下修改title，即可生效。

sinco25
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue动态加载js.zip
04-15
vue动态加载JavaScript：动态的创建Script元素，然后通过更改它的 src 属性来加载脚本，脚本文件加载完成后，在脚本加载完成生效后才能执行回调函数。
20、vue-cli脚手架
weixin_46841213的博客
04-17 388
vue-cli脚手架1、什么是vue-cli2、vue-cli 2.x版本介绍2.1、vue-cli 2.x安装2.2、vue 2. X构建项目2.3、目录结构介绍2.3.1、2.x的项目目录结构2.3.2、index.html中的部分内容3、vue脚手架3.X+版本介绍3.1、安装vue-cli 3.x+3.2、创建项目4、vue-cli3与2版本区别 1、什么是vue-cli vue-cli是vue的脚手架，对项目的搭建，打包等都很方面。 注意：以下所有的安装都要英文路径，以免出现问题。我们在开发时，
vue项目入门——index.html和App.vue
最新发布
啊常的博客
04-02 1107
讲解vue项目入门——index.html和App.vue这两个文件
vue3修改link标签默认icon无效问题详解
10-16
主要介绍了vue3修改link标签默认icon无效问题详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue中更改数组中属性,在页面中不生效的解决方法
10-16
今天小编就为大家分享一篇vue中更改数组中属性,在页面中不生效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
[后端 springboot] 打包后html无法访问的问题
cz004005006的博客
04-18 3679
目录 问题描述 解决历程 解决方案 结果 问题描述 最近公司需要一个展示生产过程中各项数据的简单demo，前段时间花了一晚上，按照网上的教程，搭建了了一个简单的spring boot项目，在这个过程，被maven的包更新不下来虐得shi去活来，这里记录一下关键点： 用IDE自带得git拉下来的项目，一定要记得从根目录再打开一次，就是从.git的那级目录...
关于vue中的public文件夹下的index.html
m0_56937935的博客
12-30 9233
在vue-cli项目中创建public文件夹在其中创建index.html文件。 一般在其中引入第三方文件如html2canvas等，在其中引入的文件不会被webpack编译，打包时会直接复制到打包的文件下，并且在public>index.html中引入的js文件中的方法在vue组件中使用的时候不需要用import xxx from ‘xxx’的方式导入方法，而是直接使用即可如： ...
vue中修改数据不生效，页面不刷新
小白成长记
05-02 1万+
数据更新后，页面不刷新的可能原因：1. 初始化时data中不存在该属性；2. 通过索引值修改数组元素。修改方式：1、通过数组的pop(末尾删除)/push(末尾添加)/shift(开头删除)/unshift(开头添加)/reverse(反转)/sort(排序)/splice(起始位置，删除数量，插入元素)方法操作；2、Vue.set(vm.items, indexOfItem，vm.$set(vm.items, indexOfIte；3通过其他方式（filter/map/...）修改数组，并重新赋值给原数组
vue开发过程中，修改了数据，但是页面死活不渲染改变！没变化！怎么办？6种方法解决~
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-05 1万+
通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染就这么写 this.items=JSON.parse(JSON.stringify(this.items));
Visual Studio Code前端vue项目修改后不生效问题
A5d4gpjvbbkv的博客
08-31 2507
VScode需要ctrl+s!!!
vue项目发布后文件未生效
Roriring的博客
05-22 5122
修改的项目源代码没有生效（vue，js，css） 解决方案：在build文件夹下webpack.prod.conf.js文件中生成一个时间戳，在输出文件后面加上时间戳，使每次生成最新的文件 如果还存在有文件（非源代码）没有更新 解决方案：使用clean-webpack-plugin (注意使用稳定版本) 作用：将指定的出口文件夹下的文件全部删除 1.npm install -D [email protected] 2.在build文件夹下webpack.prod.conf.j.
vue在index.html中引入静态文件不生效问题及解决方法
11-28
第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的static更改为你自己所创建的静态资源目录，由于网上大多教程所改的地方都不够完全，还是会...
解决Vue 项目打包后favicon无法正常显示的问题
12-07
在开发中经常需要为项目添加favicon以增加网站辨识度，在使用Vue开发中出现添加的favicon.ico无法显示问题，如下给出解决方法： 问题分析： 问题根源在于路径，如果使用http链接作为favicon地址一般不是出现问题，...
vue项目build打包后，用nginx代理项目运行样式不生效
2201_75875668的博客
11-15 450
原因是我用一个新的nginx配置文件开了一个端口，指向build打包后的vue项目文件，运行起来后页面可以正常打开，但是样式都失效了，F12看样式都没有加载上去。但是正常打包更新到线上的nginx代理没有问题，猜测问题出在nginx配置上，调整了半天才发现是没有配置默认的请求数据流。include mime.types; default_type application/octet-stream;加上这两句，配置完成后，重启nginx，刷新页面样式恢复正常
uniapp 开发H5打包微信小程序样式失效的解决之道
无神的博客
11-11 7488
使用uniapp开发H5，样式已经按照UI设计稿全部实现。但是在打包微信小程序调试的时候，遇到很多样式失效的问题。问了度娘很久，并没有完全解决样式失效的问题。于是自己按照从度娘上查到的方法去进行组合尝试，最终样式失效问题得到了完全的解决。样式不生效的原因：u-view框架组件自带的class优先级高于开发者自定义的优先级，所以显示的是组件的默认样式（网上有说是样式隔离）。解决办法就是提高自定义样式的优先级，使用自定义的样式去覆盖默认样式。
vue项目public文件夹下的index.html引入js刷新后失效问题（原问题——加载bim模型刷新页面js失效）
xuanshuo2的博客
01-11 1875
加载bim模型刷新页面js失效
Vue CLI HTML 和静态资源
2201_75866484的博客
04-22 868
在构建过程中，资源链接会被自动注入。如果你的应用很大且有很多 async chunk，而用户主要使用的是对带宽较敏感的移动端，那么你可能需要关掉 prefetch 链接并手动选择要提前获取的代码区块。在其内部，我们通过 file-loader 用版本哈希值和正确的公共基础路径来决定最终的文件路径，再用 url-loader 将小于 4kb 的资源内联，以减少 HTTP 请求的数量。当基于已有的后端使用 Vue CLI 时，你可能不需要生成 index.html，这样生成的资源可以用于一个服务端渲染的页面。
随手笔记：vue public文件夹index.html全局引入js
weixin_45116920的博客
05-22 2699
所以我们可以采用 Vue CLI 中的 变量，它是在Vue应用运行时动态生成的，可以用于自动计算出当前页面所在目录的绝对路径。在默认情况下，这个变量的值为"/"，代表着应用的根路径。例如，在当前页面的URL路径为"/example/my-page"时，如果使用相对路径引入静态资源，可能会导致资源无法正确地加载。绝对路径通常是固定的，并不支持动态计算路径，而Vue CLI的变量正是为了避免这种问题而设计的。
vue3+vite框架，修改代码后，热更新失效
W78955的博客
10-12 2066
vue3+vite框架，修改代码后，热更新失效
vue打包后的项目怎么直接访问index.html
02-01
vue打包后的项目在dist文件夹中，其中的index.html是项目的入口文件。要直接访问index.html，可以通过以下步骤进行： 1. 将打包后的dist文件夹部署到一个web服务器中，如Apache、Nginx等，确保服务器已经安装并配置完成。 2. 在服务器的根目录下创建一个文件夹，例如"myproject"，将打包后的dist文件夹中的所有文件复制到这个文件夹中。 3. 配置服务器的虚拟主机（如果需要），将域名或IP地址指向这个文件夹，确保服务器能够访问到这个文件夹中的内容。 4. 保存配置文件并重启服务器，使其生效。 5. 打开浏览器，输入服务器的域名或IP地址，后面加上index.html的路径。 例如，如果服务器的域名是example.com，如果没有配置虚拟主机，默认路径可以是http://example.com/myproject/index.html。 6. 按下回车键访问该网址，即可直接访问到打包后的vue项目的index.html页面。 注意：在本地开发环境中，也可以直接双击打包后的index.html文件来进行访问，但这种方式仅适用于开发和测试阶段，不适合生产环境。在生产环境中，需要将项目部署到服务器上进行访问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值