vue项目 cdn资源链接失效

最新推荐文章于 2023-07-09 10:50:57 发布
最新推荐文章于 2023-07-09 10:50:57 发布
阅读量2.1k 收藏
点赞数 1
分类专栏： vue webpack 文章标签： vue.js javascript webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40793759/article/details/122714806
版权

解决方法两种
1: 更改cdn资源路径
2: 去掉之前webpack配置的external打包配置：如下
在这里插入图片描述
同时把之前的 cdn引入的script标签全部删掉，不然会造成类似如下错误（资源重复）：

//Cannot redefine property: $router

此外之前cdn引入所以你可能设置了开发环境的Vue.use()插件，记得要放开生产环境也可用，不然会造成类似如下错误：

//这个是vuex未被vue.use()注册
Uncaught ReferenceError: u is not defined
weixin_40793759
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cdn 引入的资源需要通过 externals 排除打包哦~
hello ice cream
06-05 687
cdn 指的是通过相互连接的网络系统，使用最靠近用户的服务器将音乐、图片等资源以高效率和低成本的方式将内容传递给用户。在 webpack 中，我们可能会将引入的第三方资源会编译成单独的文件，作为静态资源放到服务器上，但有些库它本身就有 cdn 链接，通过 cdn 直接加载会使各地资源获取速度更快。在 文件中写一段简单代码，通过 发送 get 请求 在 中定义 属性，将公共资源单独编译 执行 后，被编译到 559.js 文件中。再将编译后的 html 文件在浏览器中打开，获取到了 get 请求的响应数据在这种
vue项目中用cdn优化的方法
08-28
本篇文章主要介绍了vue项目中用cdn优化的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue使用cdn失效解决办法
热门推荐
杨飞@益术
03-22 1万+
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue-router/3.0.1/vue-router.min.js"></scri...
vue项目index.html引入文件cdn无法访问，导致项目打不开
weixin_44056717的博客
05-25 2566
vue项目index.html引入文件cdn无法访问，导致项目打不开
vue引用CDN资源不生效解决
CanTest的博客
07-05 1795
然后在webpack.base.conf.js中加入externals externals:{ ‘vue-antd-ui’: ‘antd’ }, 最后删除了main.js中的如下三条 import Antd from ‘vue-antd-ui’ import ‘vue-antd-ui/dist/antd.less’ Vue.use(Antd) 然而vue-antd-ui还是没有成功引入貌似 问题已经解决了，按照上面的步骤弄完之后，要在main.js中加上Vue.use（antd） ...
【vue 引入cdn加载失败 解决办法】
slience_me的博客
05-20 1482
在项目index.html中放上 生产环境下自动加载 src下可以把文件放到自己服务器，本地加载 <% if(htmlWebpackPlugin.options.isProd){ %> <script src='file/20220519/vue.min.js' type='text/javascript'></script> <script src='file/20220519/vue-router.min.js' typ
vue动画打包后失效问题的解决方法
10-18
然而，当你使用vue-cli工具进行项目打包时，有时会遇到自定义动画在生产环境中失效的问题。这主要是由于webpack的配置导致CSS资源处理方式变化，使得动画样式未能正确加载。本文将详细探讨这个问题，并提供具体的...
vue+mousemove实现鼠标拖动功能(拖动过快失效问题解决方法)
10-18
<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script> <!-- ... --> // 引入lodash的...
解决Vue打包之后文件路径出错的问题
08-27
在Vue.js应用开发中，经常会遇到一个问题：当项目完成并使用Vue CLI进行打包后，文件路径可能会出现错误，导致资源加载失败。这个问题通常涉及到静态资源的路径设置，尤其是在从开发环境转移到生产环境时。本文将...
vue.js iview打包上线后字体图标不显示解决办法
10-15
如果项目使用了CDN，还需要确保CDN能正确加载这些字体文件。同时，保持对`webpack`配置的了解，以便在遇到类似问题时能快速定位并解决。 总的来说，解决Vue.js + iView项目中字体图标不显示的问题通常涉及到调整CSS...
解决Vue编译时写在style中的路径问题
08-29
在Vue项目中，当我们在style样式中使用相对路径时，可能会出现路径错误的问题，导致图片或其他资源无法正确地加载。今天，我们将探讨如何解决这个问题，并提供相关的知识点。 问题背景 在Vue项目中，我们经常会在...
Uncaught ReferenceError: Vue is not defined ：前端系统突然报错，系引用的 CDN 访问不了
顾老师叫我写博客的博客
05-19 757
Uncaught ReferenceError: Vue is not defined ：项目突然报错 问题描述 这几天项目突然就访问不了，报 Vue is not defined： 原因分析： cdn 访问不了 解决方案： 暴力改法，直接将文件复制到本地引用。当然也可以换一个cdn或者自建cdn ```c <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <m
vue 解决 cdn失效在本地引入js文件 luckyexcel
技小白的博客
01-26 2658
luckyexcel
Vue系列:在离线环境下部署，CDN无法访问导致vuex.min.js、axios.min.js和vue-router.min.js的cdn地址无法访问
浪潮行舟_chenjin2136
04-21 1648
将这些文件下载到本地，并将它们添加到项目的静态资源目录中，在HTML文件中使用相对路径进行引用。等，可能是因为这些文件被从CDN地址引用，而你的内网环境无法访问这些CDN地址。语句进行引用，这样就不需要从CDN地址引用了。在无外网环境下部署Vue项目，如果在内网环境中无法访问到一些必须的文件，比如。使用npm安装这些依赖包，并在Vue项目中通过。然后在需要使用这些库的文件中通过。有其他好的方式，欢迎一起交流。
解决cdn在线引入vue echart axios等框架请求失败 请求超时
少年阿bin的博客
07-09 1000
解决cdn在线引入vue echart axios等框架请求失败 请求超时
vue cdn 引入遇到的坑（驼峰传值不生效）
冰雪为融的博客
04-21 403
vue cdn 引入遇到的坑（驼峰传值不生效）
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏
草巾冒小子的博客
03-22 6943
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏 也不知道是什么原因？总结一下，分析给大家看，继续。 原因分析： cdn停更或版本迭代替换或路径变更，导致引入的文件不存在？ vuejs 自己的一套 cdn解析 系统导致的？ cdnjs有bug? 为什么线上项目样式出不来？但是右键open in new tabs，发现cdn文件确实存在？ 为什么本地虚拟服务器跑同样的项目却可以正常显...
Vue项目引入CDN后出现问题
Monster_ixx的博客
04-05 4330
Vue项目发布后一般都会将本地的依赖包改为用CDN的形式引入，但是引入之后可能会出现各种问题，比如说我就遇到了Cannot read property 'catch' of undefined，这个catch应该是我在每个axios请求后面用以处理错误的捕获函数。在本地没有问题，为什么一用cdn就出现问题了呢？ 稍加分析后我觉得可能是引入的cdn引入的依赖和本地的版本不太一样。 在vue项目文件夹...
vue 项目部署后 路由失效
最新发布
09-02
综上所述，Vue项目部署后路由失效可能是由于静态资源路径错误、服务器路由配置错误、编译错误导致路由失效以及刷新页面导致路由失效等问题所导致。解决这些问题需要仔细检查配置文件、服务器路由配置以及编译错误，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值