vue本地运行访问不到public目录下的文件问题

 更新时间:2025年10月27日 15:35:11   作者:柒个橙子  
文章介绍了如何在Vue项目中使用TinyMCE开发富文本编辑器,并详细描述了配置语言包和样式属性的步骤,同时,文章还提到了在不同环境(测试和正式)中切换公共路径配置的方法

vue本地运行访问不到public目录下文件

使用tinymce开发富文本

配置富文本语言及样式属性时,在public文件夹下新增tinymce文件夹,

并将网上下载的语言包和node_modules中的skins文件夹放到tinymce文件夹中,配置属性这样写:

控制台会报错

此时,检查vue.config.jspublicPath配置的路径为’/union-h5’(测试环境与正式环境开发配置):

根据不同环境切换模式配置

即可:

module.exports = {
  publicPath: process.env.NODE_ENV === 'production' ? '/union-h5' : '/'
}

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue.js实现一个自定义分页组件vue-paginaiton

    Vue.js实现一个自定义分页组件vue-paginaiton

    这篇文章主要为大家详细介绍了Vue.js实现一个自定义分页组件vue-paginaiton的具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09
  • vue中的生命周期及钩子函数

    vue中的生命周期及钩子函数

    这篇文章主要介绍了vue中的生命周期及钩子函数,Vue 实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载 Dom、渲染,下面文章详细介绍,需要的朋友可以参考一下
    2021-12-12
  • Vue 全家桶实现移动端酷狗音乐功能

    Vue 全家桶实现移动端酷狗音乐功能

    这篇文章主要介绍了Vue 全家桶实现移动端酷狗音乐功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-11-11
  • 基于vue.js实现图片轮播效果

    基于vue.js实现图片轮播效果

    这篇文章主要为大家详细介绍了基于vue.js实现图片轮播效果,vue如何实现轮播图效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 运行npm run dev报错的原因及解决

    运行npm run dev报错的原因及解决

    刚刚创建好vue项目的时候,运行 npm run dev 会报错,下面这篇文章主要给大家介绍了关于运行npm run dev报错的原因及解决方法,需要的朋友可以参考下
    2022-10-10
  • VUE + OPENLAYERS实现实时定位功能

    VUE + OPENLAYERS实现实时定位功能

    本系列文章介绍一个简单的实时定位示例,基于VUE + OPENLAYERS实现实时定位功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2021-09-09
  • vue 组件基础知识总结

    vue 组件基础知识总结

    这篇文章主要介绍了vue 组件基础知识的相关资料,帮助大家更好的理解和使用vue的组件,感兴趣的朋友可以了解下
    2021-01-01
  • Vue中实现表单地区选择与级联联动示例详解

    Vue中实现表单地区选择与级联联动示例详解

    这篇文章主要为大家介绍了Vue中实现表单地区选择与级联联动示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-09-09
  • vue 实现element-ui中的加载中状态

    vue 实现element-ui中的加载中状态

    这篇文章主要介绍了vue 实现element-ui中的加载中状态,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • vue2.x+webpack快速搭建前端项目框架详解

    vue2.x+webpack快速搭建前端项目框架详解

    本文给大家介绍了vue2.x、webpack、vuex、sass+axios、elementUI等快速搭建前端项目框架的详细操作方法,需要的跟着学习下吧。
    2017-11-11

最新评论