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阅读
1.全局前置守卫router.beforEach( (to, from , next) =>{} ) to : 即将进入的路由from : 从哪个路由离开next() : 决定是否展示你要看到的路由页面 使用时可以在meta原始数据中定义标识符 2.路由独享守卫在路由配置上定义beforeEnterbeforeEnter : ( to , from , next
转载
2024-10-18 18:48:47
109阅读
apache的配置 这是windows下的 在httpd vhosts.conf文件中把目录指向项目index.html文件所在的位置 然后再 index.html文件的同级路径下 创建.htaccess文件 内容就是官方文档给的 一点都不用改 然后确保 config/index.js中的build
转载
2018-11-14 19:32:00
83阅读
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需要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评论
概述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
原文链接：https://www.cnblogs.com/mica/p/10876822.html1、hash——即地址栏URL中的#符号。hash虽然出现URL中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。2、history——利用了HTML5HistoryInterface中新增的pushState()和replaceState()方法。需要特定浏览器
转载
2019-09-19 15:57:15
1976阅读
1、hash ——即地址栏URL中的#符号。hash 虽然出现URL中，但不会被包含在HTTP请求中，对后端完全没有影响，因此改变hash不会重新加载页面。来说
原创
2022-06-06 18:29:41
994阅读
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阅读
在项目开发中，我们的项目一般分为开发版、测试版、Pre版、Prod版。Vue-cli的默认环境一只有dev和prod两个，之前每次要发布测试版或Pre版都是修改了源码中API地址后打包，这样很麻烦。如果能根据不同环境打包就完美了。网上搜集了许多资料，现在可以分环境打包程序了，至于怎么打，接着住下看吧。第1步：安装cross-env在项目目录下运行如下命令安装cross-env，我的ide是webs
摘自 ：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
文章目录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
参考文档（技术博客支持原创作者分享，尊重别人的劳动成果）hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。 比如这个 URL：http://www.abc.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此
Vue 为了构建 SPA（单页面应用），需要引入前端路由系统，这也就是 Vue-Router 存在的意义。前端路由的核心，就在于 —— 改变视图的同时不会向后端发出请求。 创建的项目默认是hash模式如果需要改为history需要在路由文件中配置，还有结合后台配置才能使用。 Hash：即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。
转载
2024-08-15 18:04:10
129阅读
简述：最近网站被恶意攻击，首先在服务器安装了云锁，安装云锁的步骤在博文“Linux服务器安装云锁”中，有需要的大家可以看一下；随后在又安装了Nginx防火墙，长下面这个样子： 在网站做了防护之后，发现移动端的静态文件全部404，不过也有可能是更早然后出现了问题.....问题描述：（1）数据接口请求正常，也能正常返回数据；（2）访问移动端首页，返回"We're sorry but blog
转载
2024-04-29 21:37:54
50阅读
