element ui vue项目部署到线上, 刷新页面报404

最新推荐文章于 2024-10-05 18:29:28 发布
最新推荐文章于 2024-10-05 18:29:28 发布
阅读量855 收藏
点赞数 1
文章标签： nginx vue elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wqhjfree/article/details/119992000
版权

element ui vue项目部署到线上, 刷新页面报404

element ui vue项目部署到线上, 刷新页面报404
解决办法如下: 修改nginx配置文件 error_page 404 /404.html文件为
error_page 404 /index.html, 看起来如下
在这里插入图片描述
其实就是找不到根目录下的404.html文件, 改为指向index.html

wqhjfree
关注
Vue及Element UI&vue-element-admin简记
生活在别处
11-21 7114
文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表（数组）渲染数据更新检测事件监听器修饰符事件修饰符按键修饰符按键码系统修饰键指令的缩写组件化应用构建vue实例实例生命周期的钩子模板语法高级语法相关概念HTML ...
nuxtjs+element UI+vue 配置与项目部署的坑 错误信息： Failed to execute 'appendChild' on 'Node': This node type does
qinyi8888的博客
02-15 4000
根据这个链接https://blog.csdn.net/qq_29102545/article/details/84064982里面的配置的，开发环境没有问题，部署报错 出错信息： 正确配置方式 1.安装 npm i element-ui -S 2.在plugins 文件夹下新建 element-ui.js 文件，只需三行 import Vue from 'vue' import...
vue项目打包elementui的小图标不显示报404问题
tttddd888的博客
04-28 858
build > until.js文件中 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../',// elementui显示图标 路径问题，路径不对导致显示失败 }) } else { return ['vue-style
vue-admin 使用element UI 导入功能出现报错401现象
weixin_57262624的博客
12-03 1589
利用导入功能时连接接口发现报错401，有可能是跨域现象，也有可能是因为后端要求的字段没有传送 文件上传导入，后端接口要求添加header，所以配置项中必须配置headers <el-upload class="import_btn" :action="action" accept=".xlsx" :on-success="uploadSuccess" :before-upload="uploadBefore" :show-file-li
解决Vue应用中遇到路由刷新后出现 404 错误
最新发布
twins3520的博客
10-05 1210
Vue 应用中遇到路由刷新后出现 404 错误，通常是因为 Vue 应用是个单页应用（SPA），它通过 Vue Router 管理路由，通过 HTML5 History Mode 实现页面导航无需重新加载页面。使用 Hash Mode：另一种方法是使用 Vue Router 的 Hash Mode，它不需要服务器端的特别配置。选择合适的方法进行配置，即可解决 Vue 应用在路由刷新时出现的 404 错误。服务器配置：需要配置服务器，使其可以正确处理所有路由请求，并返回同一个。
Vue.js - 解决部署到服务器后Element UI图标不显示问题（404错误）
院长大忍的博客
10-29 2485
解决部署到服务器后Element UI图标不显示问题 其实就是有些字体库在用户那边下载失败了 原因是npm run build打包的时候有些问题 需要修改下 build目录里面的文件
vuecli关于elment-UI元素-图标。535877f.woff:1未能加载资源:服务器响应的状态为404(未找到)问题
zw847009147的博客
12-04 853
笔记12-4：关于elment-UI元素-图标。535877f.woff:1未能加载资源:服务器响应的状态为404(未找到)问题 情况一：vuecli中element-ui版本低，下载新版element-ui。 先卸载： npm uninstall element-ui 再重新安装： npm i element-ui -S 在 main.js 中按官文文档更换以引入的内容： import ElementUI from 'element-ui'; import 'element-ui/lib/them
vue打包发布后css文件404
AD_Camilk的博客
08-12 1208
vue打包发布后文件404
部署vue项目
lys1962128978的博客
11-19 1489
一、项目简介与技术栈 1、WebApp（H5项目） 技术栈：vue、vue-router、vuex、vant、sass、rem。 主要功能：首页商品列表、下拉刷新、触底加载、分页；品类搜索（vuex实现缓存）；购物车、登录鉴权、注册；个人中心，地址簿管理等。 2、管理系统（PC项目） 技术栈：vue、vue-router、vuex、element-ui、sass、socket.io-client 主要功能：登录鉴权、权限管理；商品的增删改查、图片上传；Socket通信服务等。 3、Node REST
FLASK+VUE--前后端分离（三）- VUE+Element-UI搭建登陆页面且能够正常登陆
geinvse_seg的博客
02-26 3900
FLASK+VUE–前后端分离（一）- Flask基础讲解之路由、视图函数及代码实现 FLASK+VUE–前后端分离（二）- VUE基础安装及项目的简易介绍 FLASK+VUE–前后端分离（三）- VUE+Element-UI搭建登陆页面且能够正常登陆 FLASK+VUE–前后端分离（四）- VUE+Element-UI简单搭建主页布局 FLASK+VUE–前后端分离（五）- VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置cookie等系列 一、简单介绍所用到的基本库及安装配置
基于 vue-element-admin 和 PHP CodeIgniter RES-vue-php-admin.zip
01-30
- 开发完成后，将项目部署到正式服务器，如Nginx或Apache，并调整服务器配置以指向CodeIgniter的入口文件。 这个项目提供了一个现成的后台管理模板，可以帮助开发者快速构建企业级应用，如内容管理系统、电商平台...
使用element admin搭建后台，刷新页面报404解决方案
树叶咖啡厅
10-21 2322
使用element admin实现后端控制rbac权限，刷新页面报404错误解决方案。
vue打包后404以及ElementUI打包后图标不显示问题
progrmmmm的博客
10-15 511
1.vue打包404 config中index.js文件的build中的assetsPublicPath: '/',改为assetsPublicPath: './', build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), a
vue + element-ui 上线后出现图标变成框框，console 报 fonts 资源 404资源找不到 [已解决]...
aof26372的博客
06-11 1533
转载于:https://www.cnblogs.com/tianxiaxuange/p/11001947.html
element ui 菜单管理配置页面跳转总是404
m0_64657978的博客
12-25 600
建设多层目录vue所在目录名也没问题，就是显示404，，，最后把vue的文件移动到最外层目录，确定好组件文件名 、组件名 链接地址随便编写也不会有问题，只决定在浏览器url中显示什么。
vue element打包部署后前端访问页面出现404
m0_49016709的博客
02-01 2559
element项目打包部署至服务器后，前端访问页面出现404页面，无法进入其他页面。 在vue-router路由对象中，路由有两种模式：hash和history，而我一般使用history模式，在history模式下，前端路由须和向后端发起请求的路由一致，如果后端缺少对/news/id 的路由处理，将返回404错误，我将history改为hash就可以访问了。 前端访问有的页面可以进去，地址栏默认的地址进不去显示404 这个就是你路由有问题，就是你路由守卫里指向了一个默认页面，然后你路由里没有配置默认的空
vue项目接口404错误
JunJiu0420的博客
02-25 2543
之前接口访问都是没有问题的，今天脑子抽了不知道更新了那个依赖，接口就报错404，花了半天时间各种搜索，终于解决。 1、删除node_modules依赖包以及package-lock.js 2、npm install重新安装
在VUE2中引入element-ui时报错404
weixin_45294970的博客
02-20 783
最近刚开始学习做项目，在vue中下载element时出错了，输入的是npm i element-ui -S 经过百度后，尝试输入cnpm i element-ui -S后，成功安装，具体为啥还不清楚，有大哥明白的话希望可以在评论里指导一下，感谢！！！ ...
vue 项目 页面刷新404问题
热门推荐
q1ngqingsky的博客
04-22 1万+
vue页面访问正常，但是一刷新就会404的问题解决办法： 第一种解决方法： 将vue路由模式mode: 'history' 修改为 mode: 'hash' //router.js文件 const router = new Router({ //mode: 'history', mode: 'hash', routes: [ { path: '/', redirect: '/login' }, { path: '/login', compon
vue项目部署到线上环境后报错无法读取component
06-04
这个问题可能是由于你的Vue项目中使用了WebPack打包工具，但是在线上环境中没有正确地进行打包或部署所导致的。以下是一些可能的解决方案： 1. 确保你的Vue项目已经正确地进行了打包。你可以在本地运行`npm run ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值