nuxt实现阿里云vod视频上传时候引入vod相关的js时候遇到的坑

最新推荐文章于 2023-04-11 15:18:46 发布
最新推荐文章于 2023-04-11 15:18:46 发布
阅读量283 收藏
点赞数
文章标签： Nuxt.js 视频上传 阿里云 JS文件引入 问题解决
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43114196/article/details/113004710
版权

https://blog.csdn.net/qq_37880968/article/details/90373361
这位到老哥用nuxt实现了视频上传的功能，但是我卡在了引入js文件那里，后来弄了挺久，发现是这么引入阿里云的js文件的。
在这里插入图片描述

在这里插入图片描述
那位老哥的用plugins的方式引入js，我是没成功，有成功的老哥分享一下

甜品屋
关注
Nuxt3集成Flv直播播放器：mpegts.js
m0_52474100的博客
06-30 1868
测试播放器：Flv在线播放器 - 工具 - ZNGG在线工具我的这个网站用的是nuxt3，所以就有了这篇文章：在Nuxt3中集成mpegts.js直播播放器。我这里分享一下一个很重要的点：分清楚是否需要SSR渲染，是否可以SSR渲染。这是一个播放器，所以正常来说应该是不可以SSR渲染的，为什么？这种东西必然少不了使用window对象，并且必须在浏览器内执行，因此基本判断它不能使用SSR渲染。既然不能使用SSR渲染，所以就不能直接导入，因为在Nuxt3中直接导入会默认渲染，因此需要想一个不会在服务端渲染办法，
nuxt引入js_Nuxt.js实践篇
weixin_33816047的博客
01-14 1203
nuxt.js追求完美，相信大家都是这样的。因为前后端分离的弊端性，在项目构建时，浏览器并不会捕捉到项目的内容，所以开始，笔者决定引入nuxt.js文件来配合vue完成Server Slider Render博客系统开发。服务端渲染以下简称SSR,不知道nuxt的童鞋可以去nuxt官网了解一哈。声明：一下代码案例结合vue理解。第三方插件的使用？刚入坑，感觉寸步难行。想运来的使用方式，编辑器并不会...
阿里云VOD 视频点播(一)、nuxt视频上传，视频播放
lbx
05-20 4010
一，nuxt视频上传，视频播放 （1）.nuxt视频上传，封装的组件，我开发的时候有eslint校验下面代码有一些相关的注释不用管 <template> <div class="container"> <div class="upload"> <div> <div class="filebox"> ...
nuxt项目打包后阿里云播放器错误：ReferenceError Aliplayer is not defined
qq_42277704的博客
05-14 1285
nuxt项目打包后阿里云播放器错误：ReferenceError: Aliplayer is not defined 这个问题搞了我一天，阿里云视频播放有时点进去是好的，有时候就报错，而且一刷新也报这个错，错误如下: 看了好久，听一个人说需要在 跳转链接那里加上target="_blank",这个我也试过，结果没有啥用，然后我找了好久。 发现了问题：这是因为导入js文件的问题，打包后没有完全导入js文件 解决: 通过配置引入，在 【nuxt.config.js】文件中引入 module.exports =
阿里云播放器Aliplayer-WEB走坑中
笔记
04-08 3753
最近在做直播，用得阿里的地址推流，然后PC 端播放器的接口文档写的，反正我是看不懂， 各种猜测，各种实验， 方便小白们研究脱坑 我先写我的代码 然后加备注 截至 6.4日我这边写了 快捷键 【 空格暂停播放，快进/快退音量大小】 截图【事件自己写】 【还不知道直播能不能截图，因为直播用的是falsh播放器暂时没发现能截图的操作，有大佬会的欢迎指点】 自定义倍数 【自己设置把】...
nuxt3 阿里云直播播放器以及webSocket聊天室
最新发布
qq_36606438的博客
04-11 439
nuxt3 阿里云直播播放器以及webSocket聊天室。
nuxt引入js_Nuxt.js使用笔记
weixin_29717341的博客
12-24 1245
Cap1 前言目前使用Nuxt.js框架做了几个项目，不得不说对比与Vue-CLI，Nuxt.js实在是懒人必备框架，什么东西都帮你配置好了。所以多少对它有点了解，所以有了这个笔记。希望未来再做类似的地方有个能够参考的笔记。Cap2 目录结构/assets # 能被webpack处理的项目资源/components # 项目组件/layouts #...
Nuxt.js之自动路由原理的实现方法
10-17
Nuxt.js自动路由的实现原理是通过分析`pages`目录下的文件结构来生成对应的Vue Router配置。 首先，当运行`npm run dev`时，实际上是启动了Backpack这个简约的Node.js项目构建系统。Backpack基于Webpack，并且在`...
Nuxt.js 数据双向绑定的实现
10-17
在了解Nuxt.js中数据双向绑定的实现之前，首先需要理解什么是数据双向绑定。数据双向绑定是前端开发中的一种概念，当数据模型发生变化时，视图会自动更新；当用户在视图界面上作出操作时，数据模型也会相应地进行...
基于Nuxt实现移动端的企业官网
08-13
项目中整合 vue nuxt axios vuex vue-router (nuxt 自带 vuex 和 vue-router)，一个基于 Nuxt 的服务器端渲染 Demo
基于VUE的SSR技术
06-20
随着VUE的发展，国内很多网络产品选用了VUE作为开发，但国内百度蜘蛛无内存抓取严重了影响了VUE的发展，VUE在2017年也大力的推荐SSR，相关产品也出现了NUXT等部署机制，本课程结合VUE讲解SSR模式，需要有VUE2.0基础和VUE构建基础。课程中涉及EXPRESS，NODE等内容。
VUE服务器端渲染-NUXT实战视频
04-10
介绍服务器端渲染原理，深入浅出的讲解nuxt框架的使用。掌握服务器端渲染原理，掌握vue服务器端渲染
nuxt使用videojs播放flv格式视频
花下木
09-11 2343
nuxt使用videojs播放flv格式视频安装配置plugins配置nuxt.config.js使用 安装 npm i vue-video-player --save npm i videojs-flash --save 一定要先安装vue-video-player，我也不知道什么原因，整了半天卸载npm包重新依次下载就好了 配置plugins /plugins/vue-video.js i...
nuxt 安装教程
曲小强
03-05 2310
1、打开命令符  如图：我是新建到E盘的。。。。。[html] view plain copye:  然后[html] view plain copycd E:\work  3、[html] view plain copynpm install -g vue-cli  4、[html] view plain copyvue init nuxt/starter project  5、[html] v...
Nuxt.js 内部导航栏实现深度解析
"这篇文章主要讲解了在Nuxt框架中实现导航栏的两种方法，包括通过嵌套路由和创建公共组件。这两种方式都是为了在不同页面间提供导航功能，确保用户体验的连贯性。" 在Nuxt.js框架中，构建一个内导航栏是提升应用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值