Vue - 解决部署到服务器后Element UI图标不显示问题（50错误）

10月前作者：愈彬分类：Toy博客阅读(39) 违法举报

这篇具有很好参考价值的文章主要介绍了Vue - 解决部署到服务器后Element UI图标不显示问题（50错误）。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Vue - 解决部署到服务器后Element UI图标不显示问题（50错误）,项目部署,vue.js,前端,javascript

原因：

最后找到是 nginx.conf 文件配置有问题

一开始：没有加 woff、ttf

location ~ .*\.(gif|png|jpg|ico|js|css|html)$ { 
	root     /projects/****/*****-****/dist;
}

加上之后就可以正常显示了文章来源地址https://www.toymoban.com/news/detail-757567.html

location ~ .*\.(gif|png|jpg|ico|js|css|html|woff|ttf)$ { 
	root     /projects/****/*****-****/dist;
}

到了这里，关于Vue - 解决部署到服务器后Element UI图标不显示问题（50错误）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

ruoyi vue部署服务器，点击刷新、登录主页、退出报404和nginx问题解决

官网文档：前端手册 | RuoYi 步骤如下：有些特殊情况需要部署到子路径下，例如： https://www.ruoyi.vip/admin ，可以按照下面流程修改。修改 layout/components/Navbar.vue 中的 location.href 修改 utils/request.js 中的 location.href 打开浏览器，输入： https://www.ruoyi.vip/admin 能正常访问和刷新表示

2024年02月04日
浏览(61)
服务器部署—若依【vue】如何部署到nginx里面？nginx刷新页面404怎么办？【完美解决建议收藏】

服务器部署项目我们大家都会遇到，但是有些铁子会遇到很多的问题，比如前端部署nginx如何操作？前端有单纯的静态页面、还有前后端分离的项目；这里博主直接分享最牛最到位的前后端分离项目的前端部署到nginx上面，以若依项目【springboot+vue】为例，实现将前端部署到

2024年02月03日
浏览(59)
Temporal部署指南：集群架构、服务器部署流程、部署细节及Temporal UI配置

本文详细介绍了Temporal的部署流程，包括集群架构、Temporal Server的部署流程、部署细节以及Temporal UI的配置。通过指南，您可以了解到如何部署Temporal到生产环境，并对服务器配置、数据库设置、以及UI部署有清晰的指导。

2024年02月04日
浏览(68)
vue2 element ui 实现图标下拉选择

1.展示效果代码展示：（1）封装icon.js (2) 在需要使用的页面复制进去（3）在自己需要使用的地方复制进去（4）css样式部分（5）初始化数据

2024年02月10日
浏览(48)
在GPU云服务器中部署Stable Diffusion web UI

最近在研究如何使用Controlnet细粒度控制Stable Diffusion生成满意的图片，无奈自己本地的显卡只有6G的显存，而Controlnet的Openpose功能需要10G以上的显存才能正常出图。于是只能租用GPU云服务器并将SD模型部署在服务器上，然后再通过本地浏览器访问。推荐这篇文章：GPU云服务器平

2023年04月12日
浏览(54)
vue项目打包部署到服务器

目录一、打包项目二、修改Nginx的配置三、部署四、开放端口号 1. 在 vue.config.js 文件中找到并修改，主要是publicPath 与outputDir 两项配置，若项目中有baseUrl,替换为publicPath （baseUrl, vue cli 3.3 已弃用） 2. 修改完成之后就可以进行打包了，在package.json文件找到下图中的打包命

2024年02月05日
浏览(70)
Vue + Element UI 前端篇（十一）：第三方图标库

用过Elment的同鞋都知道，Element UI提供的字体图符少之又少，实在是不够用啊，幸好现在有不少丰富的第三方图标库可用，引入也不会很麻烦。 Font Awesome 提供了675个可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持

2024年02月05日
浏览(51)
java+vue 前后端项目部署服务器部署流程包括nginx软件安装，服务器选择，域名配置

现在的web端项目大多数都是java+vue前后端分离的项目，都需要分开来部署，基本上都是部署在云服务器上的，这就涉及到选择和购买服务器，以及安装环境，本文记录的是在机器上安装软件，不在docker和宝塔上安装。下面请看详细的步骤吧，都是自己在工作中使用过的，本人

2024年02月13日
浏览(60)
Linux服务器部署若依（ruoyi-vue），从购买服务器到部署完成保姆级教程

Huawei Cloud EulerOS 还是 centos7，纠结了一段时间，了解到EulerOS是对centos8的延续版本，相当于官方不对centos8继续维护了，最后还是选 CentOS 7.9 64bit，网上可查找的工具更多且官方还在持续维护。这里简单购买了一个月先试用一下点击远程登录第一步先重置密码一定在适当的地

2024年04月14日
浏览(49)
vue打包部署到服务器，动态获取(修改)对应服务器的请求ip

需求： vue打包后的文件要部署到不同的服务器上，ip不同，每次部署都要修改对应服务器的ip后打包上线，所以会出现频繁打包的情况问题：vue项目打包上线不同服务器，需要打包一次能够动态的修改ip地址思路1： 1.由于vue项目里面public文件在打包时不会被影响，所以可以在

2024年02月05日
浏览(46)