打开Vue工程文件,发现编写时,向后端请求的端口号是localhost开头写死的,而在服务器上再请求localhost就无法请求到数据。 当然比较正规的解决方式是新增一个配置请求的文件,再读取本机的ip地址,利用字符串拼接的方式发送请求。但我只有一台服务器,为了图省事,批量将localhost替换为服务器的ip地址。再次重新打包上传前端...
npm install vue-router --save 3.3 新建文件 3.4 配置和测试路由 main.js配置 代码语言:javascript 代码运行次数:0 运行 AI代码解释 import Vue from 'vue' import App from './App.vue' import router from './router' Vue.config.productionTip = false new Vue({ render: h => h(App), router })...
这里main函数projectPath中修改了一下,不修改的话会直接生成在项目中,就是sb_vue_mob下 在Main中继续往下翻,看到数据源配置,也需要按照自己的数据库情况进行修改 添加包配置 继续在代码往下看,看到很多什么父类,如果不需要记得注释掉。 packagecom.example.comment;importcom.baomidou.mybatisplus.core.exceptions.Myb...
Vue 工程 创建Vue 工程 安装Element UI、axios 插件 安装Echarts 1、执行命令 cnpm install echarts@4.9.0 --save 2、main.js 中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 3、代码 <template> </template> export default { name: 'Echarts', mounted(){ // 基于准...
构建项目:在Vue项目根目录下运行以下命令来构建项目,这会在dist目录下生成静态文件: npm run build 检查构建结果:构建完成后,dist目录下会包含所有需要部署的静态文件,确保这些文件能够正常加载。 二、配置Spring Boot资源路径 创建静态资源目录:在Spring Boot项目的src/main/resources目录下创建一个新的文件夹,通常命名...
vue element-ui axios 二、项目骨架搭建 2.1 后端框架搭建——idea利用Maven搭建springboot项目 创建maven项目,不必选择项目骨架,直接单击Next按钮 配置项目名称、项目位置、组织名称、模块名称、项目版本号等信息 添加依赖,spring-boot-starter-parent <?xml version="1.0" encoding="UTF-8"?> ...
一:vue开发(前端) (一)创建 1、安装node.js (1)Node.js 官方网站下载:https://nodejs.org/en/(2)选择操作系统对应的包 下载完成,安装包如下: 傻瓜式安装,直接下一步即可 安装成功,文件夹结构如下,并在上面安装过程中已自动配置了环境变量和安装好了npm包,此时可以执行 node -v 和 npm -v 分别查看node...
先介绍下本文的开发工具,后端使用的java的版本是jdk1.8,框架是springboot,开发工具是idea,前端则是使用vue.js,开发工具是vs code。 本文的前提条件是需要对springboot和vue.js 有个一定简单的了解。 关于如何使用idea创建一个springboot项目可以参考:SpringBoot入门:使用IDEA和Eclipse构建第一个SpringBoot项目。
首先要搞清楚我们的项目的总体结构是什么，后端采用的是Java、管理平台采用的是Vue搭建，后期可能还会有移动端采用uni-app实现。采用前后端分离开发，这也是大多数企业使用的开发方式前后端分离，也就是说，我们使用Java将数据通过接口的方式暴露出来，然后前端只要拿到接口的地址就能获取数据，这样后期的维护，前后端的...
SpringBoot+Vue前后端分离 (一)、环境介绍 (二)、Vscode部分 1.静态资源 2.配置route路由和axios异步 3.配置跨域支持 (三)、IDEA部分 1.创建SpringBoot项目 2.创建两个实体类 3.创建控制层 4.配置后端响应的端口 (四)、Vue和SpringBoot交互 1.同时运行IDEA和Vscode 2.访问登入界面 (一)、环境介绍 在Spr...