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 693
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 2573
vue项目index.html引入文件cdn无法访问，导致项目打不开
vue引用CDN资源不生效解决
CanTest的博客
07-05 1800
然后在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 1486
在项目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
Uncaught ReferenceError: Vue is not defined ：前端系统突然报错，系引用的 CDN 访问不了
顾老师叫我写博客的博客
05-19 758
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 2663
luckyexcel
Vue系列:在离线环境下部署，CDN无法访问导致vuex.min.js、axios.min.js和vue-router.min.js的cdn地址无法访问
浪潮行舟_chenjin2136
04-21 1668
将这些文件下载到本地，并将它们添加到项目的静态资源目录中，在HTML文件中使用相对路径进行引用。等，可能是因为这些文件被从CDN地址引用，而你的内网环境无法访问这些CDN地址。语句进行引用，这样就不需要从CDN地址引用了。在无外网环境下部署Vue项目，如果在内网环境中无法访问到一些必须的文件，比如。使用npm安装这些依赖包，并在Vue项目中通过。然后在需要使用这些库的文件中通过。有其他好的方式，欢迎一起交流。
解决cdn在线引入vue echart axios等框架请求失败 请求超时
少年阿bin的博客
07-09 1005
解决cdn在线引入vue echart axios等框架请求失败 请求超时
vue cdn 引入遇到的坑（驼峰传值不生效）
冰雪为融的博客
04-21 413
vue cdn 引入遇到的坑（驼峰传值不生效）
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏
草巾冒小子的博客
03-22 6945
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏 也不知道是什么原因？总结一下，分析给大家看，继续。 原因分析： cdn停更或版本迭代替换或路径变更，导致引入的文件不存在？ vuejs 自己的一套 cdn解析 系统导致的？ cdnjs有bug? 为什么线上项目样式出不来？但是右键open in new tabs，发现cdn文件确实存在？ 为什么本地虚拟服务器跑同样的项目却可以正常显...
Vue项目引入CDN后出现问题
Monster_ixx的博客
04-05 4333
Vue项目发布后一般都会将本地的依赖包改为用CDN的形式引入，但是引入之后可能会出现各种问题，比如说我就遇到了Cannot read property 'catch' of undefined，这个catch应该是我在每个axios请求后面用以处理错误的捕获函数。在本地没有问题，为什么一用cdn就出现问题了呢？ 稍加分析后我觉得可能是引入的cdn引入的依赖和本地的版本不太一样。 在vue项目文件夹...
vue.js的cdn崩了导致项目无法加载解决
jkzchy的博客
06-01 1956
最近vue官方给的cdn又又又崩了，项目直接加载不出来，下载对应版本vue.js到本地，放到项目文件夹下，在cdn后面加上如果cdn无法访问就访问本地资源，其中src内写的是你vue.js存在本地的路径。解决。
解决办法：VUE项目部署后，突然Vue is not defined，控制台CDN资源报错
lh_seckill的博客
06-20 881
CDN资源异常解决方案
公共CDN引入Vue3时报错
weixin_44260928的博客
04-05 2191
 最近尝试使用vue-cli4创建项目，选择使用vue3.0版本进行开发。之前使用vue2时，为了优化性能使用CDN引入了相关包，因此新的项目也打算采用相同的方式。  然而vue3并没有向2.0版本使用UMD模块化，因此在公共库CDN网站中会发现有多个版本可以选择，例如vue.cjs.js，vue.esm-browser.js，vue.global.js等等。由于自己不懂它们有何区别，在用script标签引入时出现了类似Uncaught ReferenceError: vue is not defined的
本地vue前端请求阿里云服务器上后端项目失败
weixin_42620858的博客
03-18 2021
vue+spring-boot 本地vue访问服务器上的后端项目失败(服务器上项目已正常启动）
vue：引入外部cdn报错 ‘XXX is not defined’ 及事件处理办法
热门推荐
mosowe
04-30 2万+
框架：vue-cli（vue脚手架） 例：以cdn引入腾讯防水墙为例 前因：在html的head中引入外部cdn链接， 在vue文件中直接使用，如图 结果：如图报错 解决办法： 1. 在index.html中的head中引入， 2.在webpack.base.conf.js中配置 module.exports = { externals: { Tencen...
vue 项目部署后 路由失效
最新发布
09-02
综上所述，Vue项目部署后路由失效可能是由于静态资源路径错误、服务器路由配置错误、编译错误导致路由失效以及刷新页面导致路由失效等问题所导致。解决这些问题需要仔细检查配置文件、服务器路由配置以及编译错误，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值