element ui 打包后刷新404

2024-10-17

vue+ elementUI 打包发布到服务器后，element-icons.woff文件404

vue项目打包部署到服务器,静态资源文件404 js文件404问题原因:打包的项目静态资源的路径需要设置为绝对路径.如果是相对路径会出错解决办法:修改config/index.js文件,将 assetsPublicPath修改为'./' element-icons.woff 文件 404 1.从下图可以看到,使用url-loader处理后的文件是在static目录下生成fonts目录下的文件.全部样式文件打包在css目录下app.****

vue2.4+vue-cli+webpack history模式打包后刷新404

开启HTML5 History Mode后,尤其需要server端的支持,官方文档里就有介绍:(传送门: https://router.vuejs.org/zh-cn/essentials/history-mode.html) [root@test-huanqiu ~]# cat /Data/app/nginx/conf/vhosts/testwx.wangshibo.com.conf server { listen ; server_name testwx.wangshibo.com; roo

vue部署后刷新404问题

为什么会404NotFound Internet Information Services (IIS) 第一步:安装 IIS UrlRewrite 第二步:配置重写URL规则在你的网站根目录中创建一个 web.config 文件,内容如下: <?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <rewrite> <r

vue打包后刷新页面报错：Unexpected token <

前言今天遇到了一个很怪的问题,在vue-cli+webpack的项目中,刷新特定页面后页面会变空白,报错为index.html文件中Unexpected token <. 怪点一是开发环境没有问题,只有生产环境有问题,怪点二是只有一个页面有问题,其他页面完全正常正文报错截图: 根据上面的情况和以往经验,应该在index.html页面及发生错误的页面定位问题,但均解决不了问题. 最后找到此项目的路由处,经过多次测试,解决问题,也确定了问题原由,原来是:路由中path的值不能以小写m开头,否则

vue打包后空白页问题全记录（background路径，css js404，jsonp等）；

总结一下vue打包后问题全记录:大部分开发者webpack基本上都是拿来就用的(并没有系统化的研究). 一 >>> 打包之后的静态文件不能直接访问:(例如dist)打包后搭个服务器才能访问的! 选择cd 到dist存放发目录下 npm install http-server -g 二 >>> background引入图片打包后,访问路径错误. 首先static目录下,打包后图片是在根目录下,如果是相对路径肯定是不行的. 然后是assets目录下相对路径是没问题的. 三

解决React路由URL中hash(#)部分的显示、browserHistory打包后浏览器刷新页面出现404的问题

摘要在React项目中,我们需要采用它的路由库React-Router来进行页面跳转,React会根据路由URL来判断是哪个页面.常见的的URL有两种显示方式,一种是hashHistory的形式,形如:localhost:3000/#/free-lesson的路由,另一种是browserHistory的形式,形如:localhost:3000/person-center的真实URL路由.在实际项目中常常用真实的URL的方式,但是该形式存在一个隐藏的问题,就是项目打包后,浏览器页面刷新会出现40

Vue.js + Element.ui 从搭建环境到打包部署

一.搭建环境由于新的node已经集成了npm,所以直接安装node,前往node官网下载最新版本的node,根据自己的操作系统选择相应的包,按照步骤一步步走就可以,这里不做过多介绍. 安装好后可以打开命令行用 npm-v node-v 查看是否安装成功以及版本号如果以前已经安装过node 和 npm 最好升级到最新版本,命令行 npm install npm@x.xx.x 首先全局安装vue-cli,打开CMD命令行,npm install -g vue-cli 接下来新建项目,运行

vue build打包后css里的图片路径404不正确的问题

vue build打包后css里的图片路径404 在vue-cli项目中build/utils.js中找到如下代码块,添加 publicPath:’../../’ if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' //添加这句话 }) } else { return ['vue-style-loader'

webpack打包绝对路径引用资源和element ui字体图标不显示的解决办法

webpack打包绝对路径引用资源解决办法: 打开webpack.prod.conf.js 找到output:增加 publicPath: './', 即可,如图 element ui字体图标不显示的解决办法: webpack utils.js 修改:(build目录下utils.js) 添加publicPath: '../../'属性

使用element ui 日期选择器获取值后的格式问题

一般情况下,我们需要给后台的时间格式是: "yyyy-MM-dd" 但是使用Element ui日期选择器获取的值是这样的: Fri Sep :: GMT+ (中国标准时间) 在官方文档中,有提到可以使用change <el-date-picker type="date" v-model="sTime" @change="getSTime" format="yyyy-MM-dd" placeholde

vue + element ui 阻止表单输入框回车刷新页面

问题在 vue+element ui 中只有一个输入框(el-input)的情况下,回车会提交表单. 解决方案在 el-form 上加上 @submit.native.prevent 这个则会阻止表单回车提交. 测试下面的代码出现表单回车提交 <body> <div id="app"> <el-form ref="form" :model="form" label-width="80px"&

vue加scoped后无法修改样式（无法修改element UI 样式）

有的时候element提供的默认的样式不能满足项目的需要,就需要我们队标签的样式进行修改,但是发现修改的样式不起作用第一种方法原因:scoped 解决方法:去掉scoped 注意:此时该样式会污染全局样式,可以把它放在公共的css里面为了不让所有的 el-input标签都是该样式,可以在HTML给改input加上一个类名,比如 modInput 第二种方法在不去掉scoped 的情况下在全局样式中覆盖,这种解法,有弊端,可能会污染全局样式.为了不污染全局样式,也可单独加个类名比如在引

vue项目发布后，线上运行时刷新404

修改nginx配置文件 location / { root ... index ... try_files $uri $uri/ /index.html; ---解决页面刷新404问题 } (参考官网 https://router.vuejs.org/zh-cn/essentials/history-mode.html)

Element ui结合springboot的简单实战

Eelment UI简单实战前端开发 1 创建项目,导入element ui(略) 2 大致设计出想要的效果,如下 3 创建包根据设计的大致模样在项目的components中创建对应的包,方便以后查找,修改. 4 初步配置路由代码如下: import Vue from 'vue' import Router from 'vue-router' import Index from "../components/Index"; import List from "../co

vue项目打包后想发布在apache www/vue 目录下

使用的是vue-element-admin做示例,可以参考Vue项目根据不同运行环境打包项目,其他项目应该大同小异. 使用vue-router的browserHistory模式,配置mode: 'history', 有更好的体验. 目的: 想将项目打包后发布到apache的www下的vue子目录先讲结论: 需要修改router/index.js中new Router 配置,加一个base: '/vue/', 它指定应用的基路径,该应用是服务于localhost/vue路径下,所以必须加base

【Element UI】使用问题记录

[Element UI]使用问题记录转载:https://www.cnblogs.com/yangchongxing/p/10750994.html 下载地址: https://unpkg.com/browse/element-ui@2.11.1/ https://unpkg.com/element-ui@2.11.1/lib/index.js https://unpkg.com/element-ui@2.11.1/lib/theme-chalk/index.css =============

vue react 路由history模式刷新404问题解决方案

vue单页因微信分享和自动登录需要,对于URL中存在’#’的地址,处理起来比较坑.用history模式就不会存在这样的问题.但是换成history模式,就会有个新的问题,就是页面刷新后,页面就无法显示了(404).对于这个问题,我们只需要在服务器配置如果URL匹配不到任何静态资源,就跳转到默认的index.html. 我这里是针对nginx的配置,总结如下:方案一 (这种方式容易被第三方劫持) location /{ root /data/nginx/html; index index.html

支持在安卓中UI(View)的刷新功能

这是一款可以支持在安卓中UI(View)的刷新功能,Android中对View的更新有很多种方式,使用时要区分不同的应用场合.我感觉最要紧的是分清:多线程和双缓冲的使用情况. 现在可以尝试理解下面的模拟场景: 两个人:一对夫妻,老公上班,老婆在家,现在他们都要吃饭. “不使用多线程和双缓冲”的情况是:老公在公司吃,老婆在家吃,互不干扰,吃就是了. “使用多线程和不使用双缓冲”的情况是:老婆做好饭,另外让人送一份到公司,老公收到饭就可以吃了. “

webpack减少打包后文件体积的几种方法

webpack 把我们所有的文件都打包成一个 JS 文件,这样即使你是小项目,打包后的文件也会非常大.下面就来讲下如何从多个方面进行优化. 去除不必要的插件刚开始用 webpack 的时候,开发环境和生产环境用的是同一个 webpack 配置文件,导致生产环境打包的 JS 文件包含了一大堆没必要的插件,比如 HotModuleReplacementPlugin, NoErrorsPlugin... 这时候不管用什么优化方式,都没多大效果.所以,如果你打包后的文件非常大的话,先检查下是不是包含了

response 后刷新页面,点击按钮后，禁用该按钮

一,正常的点击按钮后,将其灰显,全部执行完毕再正常显示. this.btnSave.Attributes.Add("onclick", "if (typeof(Page_ClientValidate)=='function' && Page_ClientValidate() == false)return false;document.all('" + btnSave.ClientID + "').disabled=true;if(type

element ui 1.4 升级到 2.0.11

公司的框架选取的是花裤衩大神开源的基于 element ui + Vue 的后台管理项目, 项目源码就不公开了,记录分享下步骤 1. 卸载 element ui 1.4的依赖包 2. 卸载完成后, 重新安装 element ui 2.x 以上版本的依赖包 3. 更改项目文件 main.js 中引入的样式文件路径 *************************************** 网上帖子很多到这一步就完结了, 我也是到这里去尝试 npm run dev 试下项目, 发

element ui 打包后 刷新404

热门专题

element ui 打包后刷新404