Vue中引用百度富文本打包后报 路径static路径找不到

最新推荐文章于 2023-12-01 17:02:03 发布
原创 最新推荐文章于 2023-12-01 17:02:03 发布 · 619 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#百度富文本

本文分享了在Vue项目中成功引入百度富文本编辑器，并在遇到打包后路径错误的问题时，通过调整相对路径设置成功解决问题的经验。

好不容易Vue项目引用百度富文本成功了，在测试环境都没有任何问题，于是就打包提交项目吧！我天 问题出现了，报百度富文本的引用包报错，找不到路径！一脸懵，百度各种方式都试了 都不对症，，，最后想到了引用文件的地方修改了一下相对路径 就完美解决了 记录一下：
在这里插入图片描述

Vue项目+ 打包解决静态资源无法加载和路由加载无效(404)问题
蓝胖子的博客
04-03 2621
Vue项目+ 打包解决静态资源无法加载和路由加载无效(404)问题
记 vue+ElementUI+Ueditor富文本编辑器 打包路径配置
舍曼将军的博客
08-04 806
项目基础路径配置 ElementUI路径配置 Editor路径配置
vue项目打包发布到服务器页面空白找不到static文件夹
ygy211715的博客
07-09 3840
1：修改config下的index.js文件，将输出路径由绝对路径改为相对路径 2;修改build文件夹下utils.js文件 3：注意，如果路由使用的是history模式则还是会空白，需要在服务器端设置匹配不到路由则跳转到index.html,简单的还是使用默认路由模式hash模式，搞定。 ...
解决vue打包之后静态资源图片失效的问题
08-28
下面小编就为大家分享一篇解决vue打包之后静态资源图片失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue项目打包上传后报404找不到静态文件
weixin_50684180的博客
03-30 2980
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录一、vue项目打包上传后报404找不到静态文件二、解决办法 一、vue项目打包上传后报404找不到静态文件 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、解决办法 在项目入口文件vue.config.js写上配置文件 ...
vue 调用百度的UEditor富文本编辑器，本地运行没问题，打包后工具栏显示出错
yiyueqinghui的博客
11-09 1776
首先说下ueditor插件存放位置 问题出现的原因 udditor.config.js中基础路径配制错误 修改如下 将基本路径，从static为首的绝对路径修改为相对路径，即修改如下 window.UEDITOR_HOME_URL = '/static/js/ueditor/'; 修改为 window.UEDITOR_HOME_URL = './static/js/ueditor/'; (...
Vue中部署百度富文本编辑器UEditor及其自带的后端，并加入秀米插件
对啊我是太阳啊的博客
10-28 2285
Vue中部署百度富文本编辑器UEditor及其自带的后端，并加入秀米插件导语部署UEditor前端部分 导语 本文使用vue-ueditor-wrap插件将UEditor编辑器嵌入Vue中，实践过程中颇多曲折，以下错误和解决方案都是个人摸索的经历，谨慎模仿。 vue-ueditor-wrap的github地址 Ueditor官方文档 秀米插件官方文档 部署UEditor前端部分 在项目中安装vu...
【超详细】vue项目：Tinymce富文本使用教程以及踩坑总结+业务需要功能扩展
weixin_55846296的博客
12-01 2万+
在Vue项目的开发过程中，经常需要使用富文本编辑器来处理用户的输入内容。 是一个功能强大且易于使用的富文本编辑器，它支持大多数常见的文本编辑功能，并且可以通过插件进行扩展。本文将详细介绍如何在Vue项目中使用Tinymce富文本编辑器
VUE2下版本的项目加入富文本框实现
du111_的博客
07-06 1091
即使看了很多文档，实践起来还是会存在很多坑的，捯饬了一下午，终于可以了，记录一下 本案例是采用tinymce这个插件，中文官网：http://tinymce.ax-z.cn/，直接进入 "三方集成专区" 查看 一、首先下载资源： npm installtinymce -S 但是只使用这个命令，虽然官网说的是一次将所有的依赖的包全下载下来，但是我npm run dev时，就会报出下面这个错：翻译为@tinymce/tinymce-vue/这个文件下的js找不到 那就是缺少这个依赖的下载...
Vue项目中使用ueditor富文本编辑器(一)
热门推荐
老虎帅呆了的博客
07-26 5万+
Vue项目中使用ueditor富文本编辑器 Ueditor项目下载地址：http://ueditor.baidu.com/website/ 这里使用php版本（如果后端是java就下载完整版和php版，在完整源码版中有java的代码，但是里面没有前端需要的ueditor.all.min.js ,所以还需要下载另外一个版本，获取这个文件。） 完整版的java代码在baidu里面，如下： ...
关于vue项目中static文件下的静态文件找不到的问题
li00828的博客
03-29 2万+
在vue项目中，有一些数据我们并不希望被webpack打包，我们可以把这些数据写在一个js文件中，然后放在static（该文件下的内容不会被webpack打包）文件下。然后就是在别的地方调用这个js：我们在vue项目的根目录下的index.html文件中用script把该js文件引用进来。在其他的地方就可以使用这个js文件中的方法了。目的：在我们已经打包的文件中，可能会有一些名字/地址等数据，在不...
关于vue中引用第三方资源路径错误问题
tongzhe1236的博客
06-27 1254
最近做vue项目时需要引入第三方资源包（原生HTML+JavaScript做的），不需要安装依赖，直接拷进项目的根目录，但是在使用的时候页面出不来，打包的时候也没打进去，主要是路径不正确导致的。主要解决办法是通过copy-webpack-plugin插件代理路径......
vue 2.0 使用百度富文本编辑器的问题
ajohnw的博客
06-12 1233
vue项目中引入UE的方式： 1.首先，当然是去官网把ue的本地下载下来，使用vue-cli构建项目的话通常都是把外部插件放到static文件夹中，所以目录就会呈现如下： 2.配置Ueditor.config.js 主要的还是 ···var URL = window.UEDITOR_HOME_URL || ‘/static/ueditor/’;··· 其他的配置大可看看官方文档设置一下 1.创建...
vue项目build打包遇到的问题
weixin_43749669的博客
10-08 3176
1. npm run build打包项目之后，生成的dist文件里面有被压缩后的static文件跟index.html，直接打开index.html页面是空白的，还会报几个错，找不到页面路径。 原因: 找到config文件下index.js，全局搜索assetsPublicPath，结果是 assetsPublicPath：’ / ’ 默认为根目录，而index.html和static是在同一级目录下，因此，解决方法就是 assetsPublicPath：’ ./ ’ , 斜杠前加一个点，表示同一级。如图：
Vue集成百度的Ueditor的前后端实现
星海IT学习之路
08-11 1819
找了很多写过的文章，也具体试验过都写的不太完整，这款编辑器借用Vue提供的语法糖实现了数据的双向绑定，不用你自己去getContent或setContent。 对比其他的富文本编辑器，Ueditor的功能相对来说是最强的，对于在Vue中集成Ueditor想必还是有这个需求的。 下面具体说下如何在Vue中集成Ueditor以及在后端如何进行配置提供上传功能。 准备工作 从Ueditor官网上下载Ueditor完整源码以及Jsp版本 如果页面可以看到编辑器，但是控制台报如下错误： 解决办法：将ueditor
vue 集成ueditor（百度富文本编辑器）以及使用后端Java上传图片到服务器，特别注意的大坑
cscscssjsp的博客
12-06 7186
1.import 引入ueditor时，在封装组件中引入，不要在mian.js内引入，在main.js内引入会造成 1.Uncaught SyntaxError: Unexpected token : 这种错误，属于是跨域问题，目前不清楚是什么原因和原理，但是引入时尽量在使用的组件中引入，不要全局引入 2.使用ueditor时，需要注意在引入编辑器的样式，在ueditor.c...
vue使用百度编辑器ueditor踩坑记录
weixin_30698297的博客
04-04 1509
一、使用 下载放入项目 main.js引入 import '../static/UE/ueditor.config.js'; import '../static/UE/ueditor.all.js'; import '../static/UE/lang/zh-cn/zh-cn.js'; import '../static/UE/ueditor.parse.min.js'; ...
vue项目部署服务器，static文件夹里文件路径不对报404
weixin_42981487的博客
10-12 5555
场景：vue项目本地运行正常，npm run build之后，将dist文件上传至服务器之后，在nginx配置完成情况下，访问域名出现 .js 、.css等静态资源文件访问404，导致访问页面空白。 原因：路径不对，找不到对应的static文件夹 方案： 有两种修改方式，一种是修改为相对路径，一种是修改为绝对路径。 以相对路径为例 解决方案： 将 ’ / ’ 改成 ’ ./ ’ 然后重新打包部署，访问就可以了。 参考于：vue 项目放在服务器上 静态资源路径不对报404错误_yongy.
解决访问static目录下文件找不到的问题（ 报404 ？）
sslcsq的博客
12-25 7186
在我们创建一个vue项目时，访问static静态资源目录下的文件时 报404 文件找不到 如何解决？ 此时我们打开终端 全局卸载cli 全局卸载：npm uninstall vue-cli -g 然后在中心下载 cli 全局安装：npm install vue-cli -g 然后在 /static/img/×××.jpg 就可以直接访问到了 vue默认情况下static目录的文件是直接可以...
UEditor富文本编辑器无法上传到服务器控制台报错找不到js
最新发布
06-13
- 如果项目使用了前端框架（如 Angular、Vue 等），需确保 UEditor 的资源文件已正确打包并部署到服务器。 - 如果考虑更换编辑器，可以参考 tinymce，其支持多种框架集成，并提供更灵活的配置选项[^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值