登录 注册

最近使用 vditor，遇到一个问题，请求 lute.min.js 的 cdn 总是请求不通导致 markdown 用不了怎么处理

最近项目要上生产了，发现了一个大问题，lute.min.js 总是请求不通，不知道是网络问题还是什么原因。这样的话，内网环境限制的话就没有办法用了。这种情况怎么解决？（我看源码里面 lute.min.js 是直接在仓库里面的，为啥 npm 装就要放到 cdn 里面呢？）

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器，支持所见即所得、即时渲染（类似 Typora）和分屏预览模式。它使用 TypeScript 实现，支持原生 JavaScript、Vue、React 和 Angular。

    314 引用 • 1667 回帖 • 1 关注
2 操作
qiaoguoxing 在 2023-12-14 19:27:38 更新了该帖
qiaoguoxing 在 2023-12-14 17:48:16 更新了该帖
南京 位置
2 操作
33 回帖
21
5
3
2
2
1.0k 174 35 679 18 21 111

相关帖子

33 回帖
最近使用 vditor，遇到一个问题，请求 lute.min.js 的 cdn 总是请求不通导致 markdown 用不了怎么处理

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • qiaoguoxing •
    捐赠者 作者

    这种 cdn 的形式来访问，是不是内网环境就没法用了？

  • q146620 •

    特地注册来给你回复一下,配置上加上 cdn: "https://ld246.com/js/lib/vditor/", 就可以了

    该回帖因已过时而被折叠
    1 回复
    1 操作
    88250 在 2023-12-14 21:33:24 折叠了该回帖
  • q146620 •

    image.png

    该回帖因已过时而被折叠
    1 回复
    1 操作
    88250 在 2023-12-14 21:33:18 折叠了该回帖
  • 88250 •
    订阅者

    请勿使用论坛的 CDN，这个不保证可用性。

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    好的，感谢感谢，我一会试下，后面还是想把所有资源部署到本地，在生产上 cdn 崩了太可怕了。

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    cdn: "https://ld246.com/js/lib/vditor/", 就是这个不一定能用是吗？

    1 回复
  • 88250 •
    订阅者

    嗯，是一定不能用这个 CDN。

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    image.png

    看了 github 的 readme 了，是我要先把源码下载下来，然后 npm i 安装依赖，然后 build 出来 dist，然后再把这个 dist 存放到本地，然后再把上面这些对象的 cdn 属性都换成我放这个 dist 的地址是吗，比如我是 vue-cli，我把 dist 放到了 public 下，那我 cdn 地址是不是就写 public 下的这个 dist 地址？

    2 回复
  • 88250 •
    订阅者

    差不多是这个操作，试试看吧。

  • north999 •

    你尝试过自建 cdn 吗 我的项目最近也遇到这个问题了

  • north999 •

    image.png

    你 npm install 之后有没有出现这个问题

    2 回复
  • qiaoguoxing •
    捐赠者 作者

    还没好，我这边是报别的错，今天准备再看下

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    image.png

    我是这个报错

  • north999 •

    我是给 vditor 安装完依赖后，报的错 npm start vditor 启不起来

  • qiaoguoxing •
    捐赠者 作者

    image.png

    现在是这个 lute 报错，我看我自己加的 cdn 里面有这个了

    image.png

  • qiaoguoxing •
    捐赠者 作者

    image.png

    cdn 是这样引的，只用了 option，所以只在 option 里面加了，不知道有没有问题

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    @88250 大佬，本地加了 cdn 资源之后，我引用需要改吗，之前是按照引用 npm 包的那种形式 import 的，但是还是提示 lute 不存在，我看 dist 里面已经有 lute 了image.png

    image.png

    image.png

  • qiaoguoxing •
    捐赠者 作者

    @88250 大佬，有没有官方的 vditor 交流群，我想进群跟其他小伙伴学习学习

  • qiaoguoxing • • 1 评论
    捐赠者 作者

    @Vanessa 大佬，请问有 vditor 的交流群吗，想进群跟大家学习学习

    没有
    Vanessa •
  • qiaoguoxing •
    捐赠者 作者

    0bd85dae96e40df938ff39cfce92f98.png

    感觉是这个地方写的有点问题，不知道是像这样引本地文件

  • qiaoguoxing •
    捐赠者 作者

    问题应该是解决了，还是我 cdn 地址配置问题。

  • qiaoguoxing •
    捐赠者 作者

    vue 项目在 public 中引入打包好的 dist，这个 cdn 配置成：cdn: location.origin，供大家参考。

  • LiLiiiiiii •

    cdn:/vditor 你试试，我的可以

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    我的也可以了，感谢~

    1 回复
  • LiLiiiiiii •

    你也是把 public 去掉吗

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    对，不需要带 public

  • qiaoguoxing •
    捐赠者 作者

    按照官网提示自建 cdn 之后，基础功能差不多可以用了，还是有一些功能请求 lute.min.js 是线上文件，比如导出 pdf 功能，会接口请求不通，功能没法用，不知道这个问题能怎么解决？

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    本地没有问题，我上到测试环境 lute.min.js 会找不到文件，被我们的 nginx 重定向导致报 302，这个问题解决方案是：在 cdn 的前面拼上项目的 publicPath。

  • 88250 •
    订阅者

    导出 PDF 时 CDN 配置不生效 by nineya · Pull Request #1529 · Vanessa219/vditor 修复导出PDF时CDN配置不生效问题 GitHub - github.com

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    大佬，是刚修复好这个功能是吧？我是不是拉下最新的源码，重新打个 dist 换下就可以了？

    1 回复
  • 88250 •
    订阅者

    是的，已经合并到主干了。

    1 回复
  • qiaoguoxing •
    捐赠者 作者

    好的，我试试，感谢~

  • qiaoguoxing •
    捐赠者 作者

    @88250 大佬，拉了最新源码，导出 pdf 还是走的 unpkg。

    846c0554b335a84e7d69b8079a7644c.png

    d9f2a0e16194fef88d9fee4fd6f6e07.png

请输入回帖内容 ...
qiaoguoxing
南京
回帖
27
 帖子
3
 积分
2003

近期热议

推荐标签 标签

  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • Ant-Design

    Ant Design 是服务于企业级产品的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。

    17 引用 • 23 回帖 • 3 关注
  • BookxNote

    BookxNote 是一款全新的电子书学习工具，助力您的学习与思考，让您的大脑更高效的记忆。

    笔记整理交给我，一心只读圣贤书。

    1 引用 • 1 回帖
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 697 关注
  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    76 引用 • 421 回帖
  • 反馈

    Communication channel for makers and users.

    123 引用 • 906 回帖 • 193 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 605 关注
  • 深度学习

    深度学习（Deep Learning）是机器学习的分支，是一种试图使用包含复杂结构或由多重非线性变换构成的多个处理层对数据进行高层抽象的算法。

    40 引用 • 40 回帖 • 2 关注
  • 博客

    记录并分享人生的经历。

    270 引用 • 2386 回帖 • 1 关注
  • MySQL

    MySQL 是一个关系型数据库管理系统，由瑞典 MySQL AB 公司开发，目前属于 Oracle 公司。MySQL 是最流行的关系型数据库管理系统之一。

    675 引用 • 535 回帖
  • danl
    • 63 关注
  • Sphinx

    Sphinx 是一个基于 SQL 的全文检索引擎，可以结合 MySQL、PostgreSQL 做全文搜索，它可以提供比数据库本身更专业的搜索功能，使得应用程序更容易实现专业化的全文检索。

    1 引用 • 181 关注
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给 HTML 网页增加动态功能。

    710 引用 • 1173 回帖 • 171 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    84 引用 • 139 回帖
  • Ubuntu

    Ubuntu（友帮拓、优般图、乌班图）是一个以桌面应用为主的 Linux 操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词，意思是“人性”、“我的存在是因为大家的存在”，是非洲传统的一种价值观，类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    123 引用 • 168 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧！

    7 引用 • 55 回帖 • 92 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在 Google I/O 2017 中，Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 27 关注
  • 机器学习

    机器学习（Machine Learning）是一门多领域交叉学科，涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科。专门研究计算机怎样模拟或实现人类的学习行为，以获取新的知识或技能，重新组织已有的知识结构使之不断改善自身的性能。

    76 引用 • 37 回帖
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计，是一款崇尚开发效率的全栈框架。

    19 引用 • 23 回帖 • 686 关注
  • frp

    frp 是一个可用于内网穿透的高性能的反向代理应用，支持 TCP、UDP、 HTTP 和 HTTPS 协议。

    15 引用 • 7 回帖 • 10 关注
  • 程序员

    程序员是从事程序开发、程序维护的专业人员。

    533 引用 • 3528 回帖
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3168 引用 • 8207 回帖
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    41 引用 • 130 回帖 • 295 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 684 关注
  • 分享

    有什么新发现就分享给大家吧！

    242 引用 • 1748 回帖 • 1 关注
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    185 引用 • 318 回帖 • 344 关注
  • JSON

    JSON （JavaScript Object Notation）是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    51 引用 • 190 回帖

最新标签