vue中index.html引入外部js，路由跳转失效解决方案

原创 已于 2024-06-18 16:00:21 修改 · 2.6k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #vue.js #html5

于 2020-07-17 15:04:31 首次发布
本文探讨了在Vue项目中避免直接在index.html引入JS的方法，以及解释了Vue路由跳转后JS可能失效的原因。建议使用更合理的方式在组件或插件中引入JS，确保每次路由跳转都能正确加载和执行。

建议不要在index.html中引入js，参考解决方案可以在vue中引入外部js

vue中引入js
在这里插入图片描述
在这里插入图片描述

vue路由跳转js失效原因: 路由跳转后，当时js不会重新加载。

SourceYang_A
关注
解决使用vue.js路由后失效的问题
10-18
下面小编就为大家分享一篇解决使用vue.js路由后失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue在index.html中引入静态文件不生效问题及解决方法
11-28
本文针对的是Vue小白，不喜勿喷，谢谢 出现该问题的标志如下 控制台warning（Resource interpreted as Stylesheet but transferred with MIME type text/html） 出现的原因及解决办法 第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把资源引入静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫static，这种的解决办法更改配置文件，把对应的几个配置文件内的static更改为你自己所创建的静态资源目录，由于网上大多教程所改的地方都不够完全，还是会出现该问题，
Vue路由跳转后 Index.html中引入的JS文件失效 问题解决
杨杨吖的博客
03-12 5093
原因：Vue路由跳转JS失效原因: 路由跳转后，当时JS不会重新加载。 解决方法：看下图代码： // 动态加载js文件 const jsArr = ["/static/vendor/bundle.js", "/static/dist/js/app.min.js"]; const head = document.getElementsByTagName("head")[0]; for(let i=0; i<jsArr.length; i++) { const script = do
vue二级路由跳转后外部引入js失效问题解决方案
dlpncgi56730的博客
05-23 1206
vue路由可以通过children嵌套，于是可以形成二级路由等等。。。 案例如下： routes: [ { path: '/', name: 'dy', component: dy, children:[ {path: '/', name: 'tdy', component: tdy }, {path: '/tdy', name: 'tdy', compo...
【vue】在index.html引入js文件失效解决方法
热门推荐
hggl_bera的博客
05-08 1万+
在static文件夹下写了一个config.js配置文件，但是引入后报错，提示没找到该文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg...
vue项目public文件夹下的index.html引入js刷新后失效问题（原问题——加载bim模型刷新页面js失效）
xuanshuo2的博客
01-11 2170
加载bim模型刷新页面js失效
解决vue+router路由跳转不起作用的一项原因
11-20
在这个问题中，我们将深入探讨为什么在某些情况下，`vue-router`的路由跳转可能不起作用，以及如何通过设置`mode: 'history'`和配置服务器来解决这个问题。 首先，Vue Router有两种工作模式：`hash`模式和`history`...
解决vue.js this.$router.push无效的问题
10-18
在使用Vue.js框架开发应用时，经常会使用Vue Router来管理页面的路由。Vue Router提供了一个编程式的导航方法——this.$router.push，用于在应用内进行页面跳转。然而，在实际开发过程中，我们可能会遇到this.$...
Vue.js中修复单个组件this.$router.push失效问题
07-04
在某些情况下，路由守卫中可能会返回false或者调用next(false)，从而导致路由跳转失效。 5. 如果是通过嵌套路由进行跳转，确保父级组件正确处理了子级组件的路由变化。 针对以上可能的解决方案，开发者可以逐一排查...
Vue组件中a标签href跳转失效解决方法
最新发布
07-21
问题描述：在使用 Vue-Router 时，发现 IE 浏览器下 <a> 标签的路由跳转功能失效，而 Firefox 和 Chrome 浏览器则能正常工作。 解决方案：在 App.vue 文件中，增加对 IE 浏览器的检测逻辑，并手动修复该问题。具体...
vue index.html 引入外部 js
tang_jian_dong的博客
05-27 3470
有时候需要引入外部js, 或者需要全家依赖的js, 可以在index.html 中引入： 如下红色框： /是指的assetsPublicPath 指的 代表打包后，index.html里面引用资源的的相对地址。 参考博客：https://blog.csdn.net/weixin_33920401/article/details/87962115 ...
vue的index.html引入js或css文件刷新后失效问题
qq_28353055的博客
03-05 8545
当vue的router模式设置为mode: 'history'时，全局引入 js 或者css在页面刷新后会失效 可参考官网https://router.vuejs.org/zh/guide/essentials/history-mode.html设置 另简单的两种方法 1.将mode: 'history'注释掉，变成 hash 模式，此时刷新不会有问题 2.在index.html引入的时候...
vue路由切换组件没有加载_vue-router 路由跳转后没有加载组件
weixin_33497944的博客
02-22 1787
router.js 路由部分export const normalRouter = {path: '/',meta: {login: false},component: () => import('@/views/normal/home'),redirect: '/pagelist',children: [{name: 'normalPageList',component: () =>...
Vue 在index.html引入外部js报错
as_64的博客
01-29 3196
**问题：** 在index.html中引入 ``` <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> ``` 但是在组件中使用时，出现 xxx is not defined ( no-undef )是Eslint检查搞得鬼 **解决办法：** 在src下新建一个.eslintrc.js，但是注意若已经在vue.config.js中配置了`lintOnSave:false`.
前端html引入的js文件无效,Vue在index.HTML中引入静态文件不生效问题及解决方法_百厌_前端开发者...
weixin_34546240的博客
06-03 3628
本文针对的是出现该问题的标志如下控制台warning(Resource interpreted as Stylesheet but transferred with MIME type text/出现的原因及解决办法第一种可能出现原因就是引入的静态文件在src文件夹内，这种的解决办法就是把第二种可能出现的原因就是有单独的静态需要更改的有3个文件，分别是config文件夹下的index.文件夹下的w...
解决使用vue3进行路由跳转,报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘push‘)
gurenchang的博客
01-24 2854
解决使用vue3进行路由跳转,报错：Uncaught TypeError: Cannot read properties of undefined (reading 'push')
vue路由拦截
小橘的博客
09-16 455
2.在router/index.js需要获取登陆状态的路由加入meta: { requireAuth:true }这样在跳转页面的时候进行判断，未获取到登陆状态也不会进到axios中。
vue在index.html主文件引入js不生效
眼睛微微笑的博客
06-05 2904
如果在index.html主文件引入js文件，应该放到static文件夹下面
uniapp中index.html引入js
03-11
嗯，用户想在UniApp的index.html里引入外部JS文件，但遇到了问题。我需要回忆一下UniApp的结构和引入外部资源的方法。首先，UniApp默认是基于Vue的，所以常规的Vue项目引入外部JS的方式可能适用，但UniApp有自己的...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值