路由此处的路由指的是页面跳转的规则,通过不同的路径,来请求不同的资源,请求不同的页面是路由的其中一种功能。可以简单理解为url跳转后端路由和前端路由的url的访问意义有所不同,所有的url都会访问到服务器上对应的资源。页面请求的url全部要通过后端服务的过滤器进行过滤和处理在之前学的web技术中,学习过Java Servlet,前端的页面资源和后端服务是放在了同一个项目文件中的,前端显示的页面都是
转载
2024-04-03 19:17:25
103阅读
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阅读
在开发前后端分离的网站时,跨域是我们经常能遇到的问题。对于没有经验的开发者来讲,在开发过程中跨域也是一个很棘手的问题。产生跨域问题的原因浏览器出于安全原因会阻拦不同域名之间的请求,以防止跨域攻击。跨域攻击是通过浏览器cookies的漏洞,让一个危险网站通过保存的cookies进行一些危险的操作。具体跨域攻击的技术细节和防御原理在这里就不多讲了。 一般来讲,当两个地址的协议、主机名、端口有一个不一样
vue + thinkphp vue为history路由模式,固定/api,/static前缀为php使用 server { listen 80; server_name localhost; set $static_root ''; # web目录 set $php_root ''; # php目
原创
2022-03-22 17:39:10
629阅读
一、环境准备1、安装node.js下载地址:https://nodejs.org/zh-cn/ 界面展示2、检查node.js版本查看版本的两种方式node -v
node -version出现版本号则说明安装成功(最新的以官网为准)3、为了提高我们的效率,可以使用淘宝的镜像源npm install -g cnpm --registry=https://registry.npm.taobao.or
转载
2024-07-09 12:24:06
68阅读
# Vue + TypeScript 项目配置后端接口地址
随着前端技术的不断发展,Vue.js 作为一款流行的前端框架,在许多项目中得到了广泛应用。在实际开发中,常常需要与后端进行接口交互,而使用 TypeScript 来增强代码的可维护性和可读性也是一种趋势。在这篇文章中,我们将会探讨如何在 Vue + TypeScript 项目中配置后端接口地址,并提供代码示例,帮助开发者更好地理解与实践
Vue笔记六:Vue项目的性能优化之路“你说一下性能优化的手段”。百分之八十的人都会说,压缩js和css之类的。显然这些都是必须做的,而且已经根本不是主要的性能优化的关键点。如果你只会说这些,只能说明你是个过时的前端工程师。性能优化过程中,我们需要面对的更多是DMS解析过程,服务器缓存和浏览器缓存机制。gzip压缩在所有的web前端项目,静态资源基本都放在cdn上,gzip的压缩是非常必要的,
Ubuntu下使用nginx发布vue项目1. Ubuntu18.04搭建nginx服务器1.1 ubuntu安装nginxsudo apt update
sudo apt install nginx1.2 配置防火墙ps: 防火墙配置部分可根据情况选择,一般不需要配置防火墙sudo ufw app list获得应用程序配置文件的列表
可用应用程序:
CUPS
Nginx Full
Nginx H
转载
2024-06-04 11:07:51
208阅读
大部分的后端开发可能对写页面会有一种天然的抵触,但工作中难免有这样的需求。所以从长远来看,能够编写样式和交互都相对简单的后台管理页面也是每个后端开发的必备技能。 Vue.js是一套用于构建用户界面的JavaScript框架,其核心思想是数据驱动,只需关注视图层,DOM的内容会随着数据的改变而改变,而不需要像jQuery那样手动操作DOM去更新。相比于其他前端框架,Vue更简单灵活,
转载
2024-01-10 19:56:12
63阅读
这段时间研究了 Vue 和 Koa2,想把二者结合起来,Vue 作为前端框架,Koa2 作为后端框架,如何打通前后端的数据通过,需要解决跨域问题,现将其中的一些关键配置记录下来,供大家参考:本篇文章主要内容:· 新建 Vue 前端项目· 新建 Koa2 后端项目· 解决跨域问题,实现前端接收后端发来的数据 教程所用的项目目录名称(名称可以任意):|-- vue-mall-mo
转载
2023-08-12 22:35:04
130阅读
1. element Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,它面向企业级的后台应用,能够帮助你快速地搭建网站,极大地减少研发的人力与时间成本。在这个月的 NingJS 上我们开源了这个项目,当时它的文档还没有准备好。今天,经过两周多的完善, Element UI 的文档正式上线啦!目前它处于 rc 阶段,正式版将于 Vue 2.0 发布后第一时间跟进。 欢迎大
转载
2023-10-23 20:42:38
43阅读
一、背景主要介绍如何使用后端Django + 前端Vue 的技术栈快速地搭建起一套web项目的框架。 为什么使用Django和Vue?Django是Python体系下最成熟的web框架之一,由于Python语言的易用性和受众面广,Django框架也因其能够快速开发网站应用的特性成为了中小型网站开发框架首选。Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可
转载
2023-07-03 20:57:34
208阅读
方法可能不只一种,本文使用axios+async/await进行接口的统一管理本文使用vue-cli生成的项目举例举例拿segmentfault的官网简单举个例子,先看一下官网看下网站,脑补一下后台给出的文档,如果后台不傻的话给出的文档肯定分模块的,假设后台给出的文档分为了以下几个模块(假设的,不要较真哈)资讯模块 (我的订阅、热门资讯)问答模块专栏模块讲堂模块圈子模块发现模块个人信息模块用户登录
转载
2024-09-11 11:44:52
458阅读
前置条件 本地安装node.js并配置环境变量(打包vue) 服务器安装nginx 服务器安装jdk并配置环境变量 安装mysql 安装redis 参考项目文档本地先运行一遍再部署到服务器 拉取代码 若依gitee项目地址 git clone https://gitee.com/y_project/ ...
转载
2021-09-05 10:34:00
1872阅读
2评论
Vue环境配置前言:之前开发过微信小程序,感觉前后端分离的开发非常舒服,在线学习了下Vue这个前端框架,感觉与小程序的开发类似。动手搭建下前后端分离的项目,做个简单的Demo,体会下前后端分离的开发。写下这个系列也是记录自己在学习Vue的实践过程。Vue官网地址,可在线学习Vue的基本语法,了解Vu
原创
2022-05-03 18:58:16
683阅读
点赞
前置条件1.本地安装node.js并配置环境变量(打包vue)2.服务器安装nginx3.服务器安装jdk并配置环境变量4.安装mysql5.安装redis6.参考项目文档本地先运行一遍再部署到服务器拉取代码若依gitee项目地址(https://gitee.com/y_project/RuoYiVue/tree/master)gitclonehttps://gitee.com/y_project
原创
2022-01-01 09:27:06
2650阅读
Vue前后端交互案例(图书管理)前言:本案例在:2:Vue常用特性中静态实现过,本次实战,我们用axios请求动态数据的方式来实现(奥利给)1.首先:node服务器先奉上(涵盖本文所有路由)app.js(入口文件,启动服务器)const express = require('express');
const path = require('path');
const router = requir
目录前言一、Vue是什么?二、Vue使用步骤三 、重点讲解如何搭建完整后台管理系统四、主要源码分享 1、显示出错组件 2、左边菜单组件 3、导航区组件 4、分页组件(主要是切换右下角不同组件) 5、模板组件 6、主要视图组件 7、App.vue组件 8、main.js(核心代码)总结前言 &n
转载
2024-10-09 14:00:20
54阅读
后端与前端技术如 jQuery 和 Vue.js 的整合往往会面临性能瓶颈、资源消耗等一系列问题。这些问题不仅影响用户体验,还可能导致业务损失,因此,亟需一种行之有效的解决方案来提升该领域的效率。本文将详细探讨如何在后端应用中有效整合 jQuery 和 Vue.js,涵盖背景定位、参数解析、调试步骤、性能调优、最佳实践以及生态扩展的过程。
在此,我们先通过以下业务影响模型进行分析:
\[
\t