viduojs播放vue中打包路径错误问题

最新推荐文章于 2023-11-04 22:08:02 发布
最新推荐文章于 2023-11-04 22:08:02 发布
阅读量263 收藏
点赞数
分类专栏： # Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/milijiangjun/article/details/108746733
版权

我们在引入的时候吧js 文件放到了src 文件下和view相同的目录下

        src/assets/video/
        src/utils/video-js.css
        src/utils/video.js
        src/utils/video.min.js
        src/views/modules/pick/oldpick.vue
        src/views/modules/pick/pubpick.vue

本地测试运行正常，但是发布后就不正常了
在这里插入图片描述
找不到了 404 了很显然，编译的时候没有 吧自己的文件弄上

我们看其它的文件地址在这里插入图片描述

在这里插入图片描述
我们可以看到我们更改在static 下能正常的访问

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content=
最低0.47元/天 解锁文章
milijiangjun
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt实现多选文件夹对话框
萧海的博客
06-04 328
1.在MFC下其实实现多选文件夹对话框并不难，使用如下代码在mfc下可直接调用。 #include "stdafx.h" std::vector<CString> Get_path_dlg(HWND hwndOwner) { std::vector<CString> ans; CWnd * pWnd = hwndOwner != NULL ? CWnd::FromHandle(hwndOwner) : NULL; CFolderPickerDialog dlg(NULL
QT5之基本对话框
qq_42524215的博客
07-27 329
QT之开发工具的使用
windows下使用QT实现文件管理器
大兵小杰
11-04 6327
1、简介 此工程实现了文件管理器的基本工程，复制、粘贴、剪切、重命名、删除、新建文件夹、新建文档，实现双击图片打开图片浏览图片，实现双击txt文档打开浏览。 2、软件界面 （1）、列表模式 （2）、图标模式 3、复制、粘贴、剪切、重命名、删除、新建文件夹、新建文档 4、双击浏览图片 5、双击浏览txt文档 ...
Qt调用COM组件实现Windows资源管理器文件预览功能
longyilee的专栏
12-28 2455
Qt基于COM组件，通过QAxObject调用IPreviewHandler和IInitializeWithFile接口，实现类似系统资源管理器的预览功能。
Qt实现对话框
weixin_48504830的博客
09-05 1238
Qt实现对话框
解决vue+webpack打包路径的问题
08-27
然而，在实际部署过程中，可能会遇到Vue和Webpack打包路径的问题，导致应用无法正常运行。本文将详细介绍如何解决Vue+Webpack打包路径的问题。 首先，理解问题的核心在于Vue Router的history模式。在history模式下...
关于Vue背景图打包之后访问路径错误问题的解决
08-28
Vue背景图打包之后访问路径错误问题的解决 在 Vue 项目中，背景图打包之后访问路径错误的问题是很常见的。这个问题的出现是因为 url-loader 的配置对图片的限制大小过小造成的。当图片小于 10KB 时，url-loader 会...
解决Vue打包之后文件路径出错的问题
08-27
在Vue.js应用开发中，经常会遇到一个问题：当项目完成并使用Vue CLI进行打包后，文件路径可能会出现错误，导致资源加载失败。这个问题通常涉及到静态资源的路径设置，尤其是在从开发环境转移到生产环境时。本文将...
解决vue项目打包后提示图片文件路径错误的问题
08-27
解决 Vue 项目打包后提示图片文件路径错误的问题 在 Vue 项目中，经常会遇到一个问题，即在生产环境下，图片文件路径错误的问题。这主要是因为在生产环境下，文件目录结构发生了变化，从而导致图片文件路径错误。...
vue-cli中打包图片路径错误的解决方法
08-29
vue-cli中打包图片路径错误的解决方法 Vue-cli是一个流行的前端开发工具，它提供了一种快速构建和部署Web应用程序的方式。但是，在使用vue-cli打包图片时，可能会出现图片路径错误的問題，这篇文章将为大家介绍如何...
Qt入门－打开和保存文件对话框
热门推荐
xgbing
08-03 2万+
使用QFileDialog可以方便地调用当前系统的文件对话框： （1）文件打开对话框 QString getOpenFileName ( QWidget * parent = 0, const QString & caption = QString(), const QString & dir = QString(), const QString & filter = QString(), Q
Qt文件对话框
最新发布
weixin_38241876的博客
11-04 328
【代码】Qt文件对话框。
QT创建对话框
Aguangliang的博客
01-25 200
对话框分为模态对话框、非模态对话框。 模态对话框：当前窗口打开时，无法处理其他窗口内容 非模态对话框：当前窗口打开时，可以处理其他窗口内容 一、模态对话框 #include "mainwindow.h" #include "ui_mainwindow.h" #include <QDialog> //对话框的头文件 MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent), ui(new Ui::MainWindow) {
Qt（八）文件夹与文件（文件读写）
红叶谷 wsp_1138886114的博客
03-10 2498
文章目录一、获取系统的文件夹显示UI设计代码开发演示效果二、文件读写UI布局演示效果三、文件目录 一、获取系统的文件夹显示 UI设计 创建项目并进行简单的布局 代码开发 mainwindow.h #ifndef MAINWINDOW_H #define MAINWINDOW_H #include <QMainWindow> #include <QFileSystemModel> #include <QDir> QT_BEGIN_NAMESPACE namespace
QT5 学习之路21---文件对话框
请叫我搞向
10-05 1925
在前面的章节中，我们讨论了 Qt 标准对话框QMessageBox的使用。所谓标准对话框，其实也就是一个普通的对话框。因此，我们同样可以将QDialog所提供的其它特性应用到这种标准对话框上面。今天，我们继续讨论另外一个标准对话框：QFileDialog，也就是文件对话框。在本节中，我们将尝试编写一个简单的文本文件编辑器，我们将使用QFileDialog来打开一个文本文件，并将修改过的文件保存到硬盘
qt5截取并保存.png,.bmp等格式图片
千成林的博客
04-25 923
使用QPixmap截取保存图片，包括截取的时间，PNG、BMP、JPG等格式。
Qt入门教程【对话框】QFileDialog文件对话框
小鱼酱的博客
03-14 1913
Qt文件对话框
对话框的创建——Qt
mankeywang的博客
03-31 1743
文章目录新建按钮，弹出对话框模式对话框非模态对话框标准对话框 模态对话框 ：在该对话框打开的时候，不可以对其他窗口进行操作 非模态对话框 ：在该对话框打开的时候，可以对其他窗口进行操作 新建按钮，弹出对话框 模式对话框 ui->setupUi(this); // 新建按钮弹出对话框 connect(ui->action,&QAction::triggered,[=](){ // 创建一个模态对话框 QDialog d
vue项目打包后图片路径问题
05-18
在 Vue 项目中，打包后的图片路径问题通常需要设置 publicPath，这个路径是相对于你的服务器根目录的路径，可以在 vue.config.js 文件中进行配置，示例代码如下： ``` module.exports = { publicPath: process.env...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值