vue 部署后刷新后路由加载不出来,本地就没问题

2024-09-05

Vue 打包部署到服务器后，非主页刷新后出现404问题解决

开心把项目部署到服务上,从头到尾点了一遍,发现没有问题,以为就可以大功告成,没想到刷新页面时出现被破泼了一脸的凉水,更奇怪的事首页没有问题,只有其他页面出现,在调戏了很久的度娘后,才从坑里跳出来,以下是我自己跳坑的方法: 我用的是phpStudy执行环境,有点low,小项目啦,访问量也不多. 首先参考牛人的技术博客得到启示. 打开Apache的rewrite功能: 1)在windows环境下: 打开您的apache安装目录 “/apache/conf/” 下的 httpd.conf 文件

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 项目部署后刷新一下页面找不到解决

1.修改配置router的参数 (效果不好) 2. (不能解决出现403) 后端配置例子 Apache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </

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

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

vue -- v-cloak解决刷新或者加载出现闪烁（显示变量）

在使用vue绑定数据的时候,渲染页面时会出现变量闪烁,例如 <div class="#app"> <p>{{value.name}}</p> </div> 在加载的时候会看到 {{value.name}} 在页面出现,过了几秒之后才会渲染数据,在vue中有个指令可以解决这个问题,v-cloak v-cloak要放在什么位置呢,是不是每个需要渲染数据的标签都要添加这个指令,经过我的试验发现,v-cloak并不需要添加到每个标签,只要在el挂

解决IIS Web部署 svg/woff/woff2字体找不到问题(vue部署后找不到)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明.本文链接:https://blog.csdn.net/smartsmile2012/article/details/56290724最近项目中用到了fontawesome-webfont.svg等字体.部署项目后,发现没有<,+等符号,字体也不对,发现浏览器总是报找不到woff.woff2字体的错误. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加

Node.js前端程序通过Nginx部署后刷新出现404问题的解决办法

方案一 (这种方式容易被第三方劫持) location / { root /data/nginx/html; index index.html index.htm; error_page 404 /index.html; } 方案二 location / { root /data/nginx/html; index index.html index.htm; if (!-e $request_filename) { rewrite ^/(.*) /index.html last; break;

vue+webpack项目打包后背景图片加载不出来问题解决

在做VUE +的WebPack脚手架项目打包完成后,在IIS服务器上运行发现项目中的背景图片加载不出来检查项目代码发现是因为CSS文件中,背景图片引用的路径问题;后来通过修改配置文件,问题终于解决了,解决方法如下: 注意:如果整体为空白,记得先改===>>> 1.记得改一下config下面的index.js中bulid模块导出的路径.因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的.先看一下默认的路径. module.exports =

BI笔记-SSAS部署的几种方式及部署后的SSAS刷新

SSAS的部署方式在哥本哈士奇的博客:BI笔记之--- SSAS部署的几种方式已经介绍了四种方式,在这里再介绍一种比较常用的快速部署方式. 环境约定:SQL Server 2008 R2 示例库:AdventureWorksDW2008R2 程序代码:Adventure Works DW 2008 SE 项目工程文件编译Adventure Works DW 2008 SE项目工程文件,编译完成后,在项目文件的根目录下会生成\bin目录,编译会生成4个文件,如下图所示: 将该目录下的4个文件(缺

为 VUE 项目添加 PWA 解决发布后刷新报错问题

为什么要给 VUE 项目添加 PWA 为什么要添加?因为不管是部署在 IIS,还是 nginx,每次应用部署后,再次访问因为旧的 js 已经不存在,所以页面访问的时候会整个报错,报错的结果就是一个白屏. 为了解决这个问题,我的解决方案是使用 PWA ,这样就可以将 js 缓存到本地,再次发布后,service-worker.js 会使旧的 js 失效,重新请求并缓存 js. 如果对于问题这个有更好的解决方案,务必请大佬指定一二安装 PWA 的相关依赖包 yarn 安装 yarn add sw-

关于iOS11上MJRefresh tabview刷新后，重新加载另一组数据，回不到顶部或者头尾显示混乱等问题解决

MJRefresh在iOS11上存在很多bug 比如在iphoenx上首尾仍会显示的问题刷新数据后tableview置顶不上去等问题虽然官方给出了适配方案但是问题还没有的到解决比如tabview刷新后,重新加载另一组数据, 回不到顶部问题期望效果: 现在效果: 问题解决: if (@available(iOS 11.0, *)) { tableView.estimatedRowHeight = ; tableView.estimatedSectionFooterHeight = ;

django部署后样式加载不出来解决方案

django部署后样式加载不出来 1.html文件去掉<!DOCTYPE html> 2. location /static { alias /home/static/; } 3.STATIC_ROOT="/home/static/" 4.根目录:from PROJECT import settings from django.views.static import serve url(r'^static/(?P<path>.*)$', serve, {'doc

Vue+elementUI build打包部署后字体图标丢失问题

错误描述:Vue+elementUI build打包部署后字体图标丢失,控制台显示文件element-icons.woff和element-icons.ttf文件404 错误展现: 控制台报错截图 dom渲染展示解决方法:webpack module配置:(build目录下webpack.base.conf.js) module: { rules: [ ...(config.dev.useEslint ? [createLintingRule()] : []), { test: /\.(wo

vue-router路由加载两种模式

路由安装npm install --save vue-router 安装完成后,打开package.json,如果看到这个"vue-router": 版本号, 就代表安装成功了 "dependencies": { "axios": "^0.18.0", "vue": "^2.5.2", "vue-router": "^3.0.1&

vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践

vue中前进刷新.后退缓存用户浏览数据和浏览位置的实践 2018年07月07日 11:58:40 大灰狼的小绵羊哥哥阅读数:4492 vue中,我们所要实现的一个场景就是: 1.搜索页面==>到搜索结果页时,搜索结果页面要重新获取数据, 2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时,要保存上次已经加载的数据和自动还原上次的浏览位置. 最近在项目中遇到这个问题,思考了几套方案,总是不太完善.百度搜到的方案也基本都只能满足一些很简单的需求.对于复杂一些的情况,还是有些

ASP.Net网站程序在编译发布部署后的后期修改

ASP.Net网站程序在发布部署后的后期修改作者:东篱南山这里说的后期修改是指网站编译发布并部署好之后,对程序进行的修改,即在不能更改现有代码的情况下,更改页面的显示或是更改业务逻辑.一般是在程序发布并在客户服务器上部署后,客户还会提一些页面上或者是功能上的需求,这种需求往往改动不大,比如改变某处的字体颜色.隐藏某处客户看得不爽的东西,或是要增加一个功能块,或是要另外增加一个简单的数据检索页面,或是增加单点登录的功能.此时若是再回来改原有程序,然后再发布.再重新部署,工作量将不是一般的大.如

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

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

移动端下拉刷新、加载更多插件dropload.js(基于jQuery/Zepto)

移动端下拉刷新.加载更多插件dropload.js(基于jQuery/Zepto) 原文:http://www.grycheng.com/?p=1869 废话不多说,先让大家看一下案例效果: DEMO1,加载底部 DEMO2,加载顶部.底部 DEMO3,固定布局,加载顶部.底部使用方法引用css和js <link rel="stylesheet" href="../dist/dropload.min.css"> <script src=&quo

Android 自定义 ListView 上下拉动刷新最新和加载更多

本文内容开发环境演示上下拉动刷新最新和加载更多 ListView 参考资料本文演示上下拉动,刷新最新和加载更多,这个效果很常见,比如,新闻资讯类 APP,当向下拉动时,加载最新的资讯:向上拉动时,加载更多之前的. 开发环境 Windows 2008 R2 64 位 Eclipse ADT V22.6.2,Android 4.4.3 三星 SM-G3508 演示上下拉动刷新最新和加载更多 ListView 图 1 左:主程序:中:向下拉动刷新最新:右:向上拉动加载更多代码比较繁琐,就不

tomcat配置根目录访问后，部署后第一次访问会出现tomcat的默认界面而非项目首页

tomcat配置根目录访问后,部署后第一次访问会出现tomcat的默认界面而非项目首页,而重启后会正常,这个原因是因为在配置文件中有如下配置,造成项目加载两次 <Host name="localhost" appBase="webapps" unpackWARs="true" autoDeploy="true"> <Context path="/" docBase="myPrac

Angular07 路由的工作流程、路由参数、子路由、利用路由加载模块、模块懒加载？？？

1 Angular路由的工作流程用户在浏览器输入一个URL -> Angular将获取到这个URL并将其解析成一个UrlTree实例 -> Angular会到路由配置中去寻找并激活与UrlTree实例匹配的配置项 -> 为配置项指定的组件创建实例 -> 将创建的实例组件渲染到<router-outlet>所在位置 2 Angular路由的几个核心概念 2.1 路由配置就是一个Routes类型的数组 // 路由配置 const routeConfig: Routes

vue 部署后刷新后路由加载不出来,本地就没问题

热门专题