打开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 })...
一、配置优化 1. 新增vue/public/static/config.js文件配置服务端ip地址,在index.html中引入,views里使用这个地址拼接url 富文本编辑器同步修改 2.新增application-prod.properties,配置如下内容,区分测试环境和正式环境的数据库和文件地址,原有的application.properties里增加spring.profiles.active=prod,可以让application-...
这里main函数projectPath中修改了一下,不修改的话会直接生成在项目中,就是sb_vue_mob下 在Main中继续往下翻,看到数据源配置,也需要按照自己的数据库情况进行修改 添加包配置 继续在代码往下看,看到很多什么父类,如果不需要记得注释掉。 packagecom.example.comment;importcom.baomidou.mybatisplus.core.exceptions.Myb...
构建项目:在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"?> ...
(2) 配置数据源 spring: datasource: url: jdbc:mysql://127.0.0.1:3306/vue_demo?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&serverTimezone=GMT%2B8 username: root password: 123456 driver-class-name: com.mysql.cj.jdbc.Driver ...
先介绍下本文的开发工具,后端使用的java的版本是jdk1.8,框架是springboot,开发工具是idea,前端则是使用vue.js,开发工具是vs code。 本文的前提条件是需要对springboot和vue.js 有个一定简单的了解。 关于如何使用idea创建一个springboot项目可以参考:SpringBoot入门:使用IDEA和Eclipse构建第一个SpringBoot项目。
首先要搞清楚我们的项目的总体结构是什么，后端采用的是Java、管理平台采用的是Vue搭建，后期可能还会有移动端采用uni-app实现。采用前后端分离开发，这也是大多数企业使用的开发方式前后端分离，也就是说，我们使用Java将数据通过接口的方式暴露出来，然后前端只要拿到接口的地址就能获取数据，这样后期的维护，前后端的...
Spring Boot+Vue.js 权限管理系统前端:https://github.com/jonssonyan/authority-ui Spring Boot+Vue.js 权限管理系统后端:https://github.com/jonssonyan/authority 欢迎PR,感谢 Star 发布于 2024-02-08 09:46・江苏 Vue.js 程序员 权限管理 写下你的评论... ...