概述API 网关出现的原因是微服务架构的出现，不同的微服务一般会有不同的网络地址，而外部客户端可能需要调用多个服务的接口才能完成一个业务需求。如果让客户端直接与各个微服务通信，会有以下的问题：客户端会多次请求不同的微服务，增加了客户端的复杂性。存在跨域请求，在一定场景下处理相对复杂。认证复杂，每个服务都需要独立认证。难以重构，随着项目的迭代，可能需要重新划分微服务。例如，可能将多个服务合并成一个或
转载
2024-09-29 23:55:39
74阅读
文章目录前言一、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评论
一、Vue3.x中的路由路由可以让应用程序根据用户输入的不同地址动态挂载不同的组件。Vue Routernpm install vue-router@next --savenpm install vue-router@4二、Vue3.x路由的基本配置1、安装路由模块npm install vue-router@next --save2、新建组件src/views/Home.vue<temp
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路由模式Hash 路由模式是使用 URL 中的 hash 值实现前端路由，例如 #/home、#/about，每次 URL 变化都会触发页面的刷新。hash值变化不会刷新页面；兼容到ie8及以上history路由模式history模式不仅可以在url里放参数，还可以将数据存放在一个特定的对象中需要与后端配合、后端可以拿到路由信息兼容到ie10及以上原理：hash：当hash值发生改变时，并
问题描述vue项目部署至nginx后，我们在访问页面的时候只能访问默认页面和通过项目内跳转其他页面，如果刷新就会404。 原因分析：因为前端代码在本地调试时是正常的，故考虑是nginx的配置问题。server {
listen 8081;
location / {
root /Users/xxx/Documents/project
转载
2024-02-20 10:57:07
713阅读
摘自 ：https://blog.csdn.net/ssdnif/article/details/103856283 官方提供的配置<?xml version="1.0" encoding="UTF-8"?><configuration> <system.webServer> <rewrite> <
原创
2021-07-21 11:50:16
687阅读
本文将描述遇到的问题，并给出解决方案一、遇到的问题使用history模式，本地没有问题。打包部署再nginx上会报错404，找不到页面。部署二级域名或者说多级访问的url，导致访问失败。（二、解决方案1、解决使用history模式，本地没有问题。打包部署再nginx上会报错404，找不到页面。由于本文重点介绍如何实现nginx配合history模式进行路由的正常访问。故只贴出路由部分：（采用vue
在项目开发中，我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版都是修改了源码中API地址后打包，这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料，现在可以分环境打包程序了，至于怎么打，接着住下看吧。第1步：安装cross-env在项目目录下运行如下命令安装cross-env，我的ide是webs
参考文档（技术博客支持原创作者分享，尊重别人的劳动成果）hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。 比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此
文章目录1、图片资源路径2、vue.config.js文件的publicPath配置问题3、web容器的问题 vue项目有2种模式：hash模式 、history模式 理论上使用2种模式都可以，但实际上，使用 history模式 更适合一些，主要有以下2点原因。 ① url美观问题，hash显然是不美观的。 ② 微信分享、支付等，需要将url作为参数传递，会将字符 # 后的字符串截断，即：会丢失
前端路由切换原理：本质就是监听url的变化，然后匹配路由规则，显示相应的页面，并且不刷新页面。目前单页面应用实现路由的方式只有俩种：hash模式history模式hash模式相当于瞄点跳转。监听url#后面的传值发生变化，从而触发window.hashchange方法。并根据值修改暂时页面的内容。不会刷新页面history模式相对hash模式更加符合我们常见的url格式。原理是触发了原生的wind
简述：最近网站被恶意攻击，首先在服务器安装了云锁，安装云锁的步骤在博文“Linux服务器安装云锁”中，有需要的大家可以看一下；随后在又安装了Nginx防火墙，长下面这个样子： 在网站做了防护之后，发现移动端的静态文件全部404，不过也有可能是更早然后出现了问题.....问题描述：（1）数据接口请求正常，也能正常返回数据；（2）访问移动端首页，返回"We're sorry but blog
转载
2024-04-29 21:37:54
50阅读
Vue 为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 创建的项目默认是hash模式如果需要改为history需要在路由文件中配置，还有结合后台配置才能使用。 Hash：即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。
转载
2024-08-15 18:04:10
129阅读
# 使用 Docker 实现 Vue 路由的 History 模式
## 简介
随着前端技术的发展，使用 Vue.js 进行开发已经成为许多开发者的选择。在 Vue.js 中，路由管理是实现单页面应用（SPA）的重要环节，其中使用 HTML5 的 History 模式能够让我们拥有更为友好的 URL。为了简化部署流程，我们可以使用 Docker 对我们的 Vue 应用进行打包和部署。
本文将
原创
2024-08-18 03:46:42
55阅读
根据用户名和密码去user表中查询是否存在如果不存在登录失败如果存在使jwt生成token返回给前端将token放入redis当中 ,设置过期时间//将token放入redis key: 令牌 value: 用户信息 过期时间：1天
redisTemplate.opsForValue().set(“TOKEN_”+token, JSON.toJSONString(sysUser),1, TimeU
阿里云部署（Springboot+vue2.0）前后端分离项目项目架构和部署工具项目工具部署工具后端项目准备及部署购买云端服务器（以下是阿里云，[腾讯请点击我]()）配置服务器Xshell的安装及使用安装MySQL 8.0.26后端项目准备和部署安装JDK将Springboot项目打包成jar包部署后端项目前端项目准备及部署(与centos7安装有差异)安装nginx打包vue项目并部署到前端修
序router.js传递路由{path:'/mine/:name',name:'mine',component:Mine} //通过:传递一个参数，name是谁都可以！路由必须完全匹配！但是可以使用？问号进行查询！1.https://router.vuejs.org/zh/guide/advanced/data-fetching.html动态路由数据获取的参考文档网址。2.http://local
