4.创建前端项目 1.打开一个文件夹,创建一个文件存放项目。 2.输入cmd,输入命令行: `vue ui`。稍微等待加载即可, 3.图形化界面如下: 设置项目名,项目路径 选择手动 勾选Router,下一步: 勾选2.x版本,config选择第一个,然后就创建项目。 可以设置一个模版,也可以不选择,看自己 然后等待一会儿,即可,右下角会...
npm run dev；运行前端Vue项目，打开浏览器 5. 访问前端URL 浏览器访问URL:http://localhost:5173/hom...
按照官网这两步,注册所有图标,然后就能直接使用 1.安装后在vue/package.json里能看到包 2.注册所有图标 3.点击自动复制,直接就能使用 4.效果: 二、聊天室 后端: 1.pom里导入websocket依赖 2.新增com/example/demo/common/config/WebSocketConfig.java package com.example.demo.common.config; import org.springf...
3.cmd到项目路径下,npm -v检查npm版本,npm install -g @vue/cli,安装vue脚手架,vue create创建vue项目 (如果从码云拉取的项目,前端模块路径在vue下,启动报错:“‘vue-cli-service‘ 不是内部或外部命令”,,在vue模块路径下执行npm install -g @vue/cli和npm install @vue/cli-service解决,不需要再创建vue...
手把手教你搭建Spring Boot+Vue前后端分离 1 什么是前后端分离 前后端分离是目前互联网开发中比较广泛使用的开发模式,主要是将前端和后端的项目业务进行分离,可以做到更好的解耦合,前后端之间的交互通过xml或json的方式,前端主要做用户界面的渲染,后端主要负责业务逻辑和数据的处理。
1、创建Vue项目 使用命令vue craete 项目名 选择最后一个 根据自己的需要来就行(空格 来控制选择与否) 选择2.x 创建成功之后会出现Vue目录 2、使用element组件 首先进入项目中 cd 项目名 安装 npm i element-ui -S 之后会出现两个文件 打开package.json ...
vue.config.js配置 可以看到,启动项目之后,它出现的访问端口是9998,但是实际端口是8844,这样能够进一步的保护服务器。到这里前端项目就告一段落了,接下来是后端项目的完善和开发。 接着我们运行前端项目,并访问路径:http://192.168.0.6:9998/#/login。可以看到,页面已经能够访问到。
打包Vue前端项目:在Vue前端项目中,使用命令行工具运行npm run build命令,该命令会将前端项目打包成静态文件。 将打包好的文件放置在Spring Boot后端项目中:将打包好的前端静态文件(通常位于dist目录下)复制到Spring Boot后端项目的src/main/resources/static目录下。这样,前端静态文件就会被Spring Boot自动加载并提供给用...
1.Spring Boot + Vue前后端分离(一)前端Vue环境搭建 前言 (一).Vue项目结构 (二). 启动流程 上一篇大家都学习到了vue的环境搭建和项目创建,相信对于小伙伴来说都是很easy的,当然创建方式有多种,我比较喜欢使用命令函,还可以使用Idea创建,在idea工具中使用命令行也行,这个在这里就不多说了,有需要的可以自行百...