一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件:CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令)CLI 服务:@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-serv
转载 8月前
29阅读
页面刷新数据丢失在vue中data、vuex store等都数据都是在内存当中的,页面一旦刷新,这些数据就会丢失(或者说被重置为初始值),在某些时候很影响用户体验。缓存,恢复要想使数据刷新不丢失,就得监听页面刷新事件,在刷新前将数据缓存到本地存储,页面刷新后再将数据从本地存储恢复。目前较普遍的做法是类似这样://App.vue的created(): created() { //在页面加载
转载 2024-10-18 11:20:16
203阅读
上一节我们讲到了事件驱动的模块,它把我们引入epoll模块,今天我们主要学习下nginx如何使用epoll完成时间驱动,实现高并发;这里不详细讲解epoll原理,如果有机会再做一次单独的epoll的学习。本文来自于:回忆一下上一节的内容,在我们讲到ngx_process_events_and_timers时,在源码最后提到了ngx_process_events,这里是把我们引入epoll的入口:1
转载 2024-09-03 08:56:53
55阅读
根据用户名和密码去user表中查询是否存在如果不存在登录失败如果存在使jwt生成token返回给前端将token放入redis当中 ,设置过期时间//将token放入redis key: 令牌 value: 用户信息 过期时间:1天 redisTemplate.opsForValue().set(“TOKEN_”+token, JSON.toJSONString(sysUser),1, TimeU
问题描述vue项目部署至nginx后,我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面,如果刷新就会404。  原因分析:因为前端代码在本地调试时是正常的,故考虑是nginx的配置问题。server { listen 8081; location / { root /Users/xxx/Documents/project
转载 2024-02-20 10:57:07
713阅读
原文地址#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.l
原创 2022-06-29 22:28:06
155阅读
Vue路由History模式分析 Vue-router是Vue的核心组件,主要是作为Vue的路由管理器,Vue-router默认hash模式,通过引入Vue-router对象模块时配置mode属性可以启用history模式。 描述 Vue-router的hash模式使用URL的Hash来模拟一个完整
原创 2022-05-27 19:43:15
984阅读
文章目录前言一、vuex1.作用2.属性2.代码二、router1.作用2.引入2.1 引入router3.router 使用一、安装二、创建组件三、router-link制作导航四、动态路由匹配五、vue-router参数传递六.响应路由参数的变化七、实现不同路由不同页面标题八、重定向九、编程式导航1.router.push( )2.router.replace( )3.router.go(n
vue需要node.js吗?你可以用 script 标签的形式引入vue.min.js 这样的,不需要nodejs。使用node有几件事,打包部署,解析vue单文件组件,解析每个vue模块,拼在一起,转码es6,less等,启动测试服务器 localhost:8080, 帮你管理 vue-router等插件。所以每次当我们使用 npm run dev 的时候,页面会打开一个 localhost:3
转载 2021-05-10 17:56:21
810阅读
2评论
【代码】vue vuerouter路径模式history
原创 2023-09-04 17:32:08
98阅读
vue3 在换成history模式的时候有两种情况,一种是刷新后页面404一种是刷新后页面空白(一般存在于非index.html路径)下面说说两种情况的解决方案1.刷新后页面404根据官网的提示vue官网history解决方案在nginx配置中添加location / { try_files $uri $uri/ /index.html; }针对上面的配置,当请求 http://localho
原创 2023-06-02 21:13:36
2586阅读
vue的路由是由前端js来控制的,但是,当你刷新浏览器的时候,是向服务器发送请求的一个过程,当访问不到的时候必然会返回404。这个没有好的解决方式!对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求。为了达到这一目的,浏览器当前提供
转载 2024-10-15 07:21:29
233阅读
在使用指令 npm run build打包以后,我在本地点开dist文件夹下的index.html,浏览器提示我找不到文件。经过仔细排查以后麻烦。参考:http://www.qzroc.com/index.php/ar
原创 2022-11-07 17:31:07
164阅读
vue 里面路由有两种显示模式是hash和history,默认是hashhash —— 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。比如这个 URL:http://www.abc.com/#/hello,hash 的值为 #/hello。它的特点在于:hash 虽然出现在 URL 中,但不会被包括在 HTTP 请求中,对后端完全没有影响,因此改变 hash 不会重新加
转载 6月前
63阅读
vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,
原创 2023-05-15 00:11:54
3438阅读
vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重
转载 2022-07-18 10:16:15
1185阅读
参考文档(技术博客支持原创作者分享,尊重别人的劳动成果)hash —— 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。 比如这个 URL:http://www.abc.com/#/hello,hash 的值为 #/hello。它的特点在于:hash 虽然出现在 URL 中,但不会被包括在 HTTP 请求中,对后端完全没有影响,因此
转载 8月前
92阅读
为了构建SPA(单页面应用),Vue引入了前端路由Vue-Router,前端路由的核心就是在改变视图的同
原创 2022-07-12 17:38:06
566阅读
当用户直接输入 URL 或刷新页面时,服务器将返回 index.html 文件(应用程序的主页),然后 Vue.js 将根据 URL 加载相应的组件。使用 history 模式需要服务器支持,因为服务器需要被配置为支持这种模式。如果服务器没有配置正确,可能会导致应用程序出现 404 错误页面或其他问题。相比之下
原创 2023-11-04 04:53:41
154阅读
摘自 :https://blog.csdn.net/ssdnif/article/details/103856283 官方提供的配置<?xml version="1.0" encoding="UTF-8"?><configuration> <system.webServer> <rewrite> <
vue
原创 2021-07-21 11:50:16
687阅读
  • 1
  • 2
  • 3
  • 4
  • 5