NoteBook开发日记二

1.vue-cli脚手架创建项目的配置2.SpringBoot后端配置MyBatis配置文件上传、数据、druid、热部署、redis配置

1.vue-cli脚手架创建项目的配置

首先要配置的就是解决跨域问题，在项目根目录下新建vue.config.js，配置如下：

module.exports = { devServer:{ port: 8080, host: 'localhost', https: false, open: true, proxy: { '/dev-api': { target: 'http://localhost:8081', changeOrigin: true, pathRewrite: { '^/dev-api': '', } } } }, lintOnSave: false, } devServer：开发环境下的Server配置 port：vue项目启动访问端口host：vue项目启动访问ip地址https：是否启用httpsopen：项目编译完成后是否自动打开网页访问 proxy：代理配置，用于解决跨域问题 ‘dev-api’：每个请求之前要加的路径 target：要代理的目标地址changeOrigin：改变源hostpathRewrite：路径重写 lintOnSave：下载了eslint代码格式检查模块，配置保存时不检查格式，不然格式不对就会编译报错

上述配置中最主要的就是proxy，通俗地讲每个请求地址之前都要加上dev-api，例如请求路径dev-api/upload，经过代理后就变成了http://localhost:8081/upload，解决了跨域的问题。

2.SpringBoot后端配置

MyBatis配置

mybatis: mapper-locations: classpath:mapper/* #mapper.xml地读取位置，classpath就是resource文件夹下 configuration: log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #打印sql语句 type-aliases-package: com.zjr.admin.entities #mapper.xml文件中地resultType或者parameterType都可以直接写类名（第一个字母小写）而不用具体到哪个包

文件上传、数据、druid、热部署、redis配置

server: port: 8081 spring: servlet: multipart: max-file-size: 50MB #文件上传最大50M max-request-size: 50MB #请求大小最大50M #数据库配置 datasource: url: jdbc:mysql://localhost:3306/admin?serverTimezone=GMT+8&useUnicode=true&characterEncoding=UTF-8 username: root password: root driver-class-name: com.mysql.cj.jdbc.Driver #druid连接池 druid: initial-size: 5 #初始化连接数 min-idle: 5 #最小连接数 max-active: 20 #最大连接数 max-wait: 60000 #超时等待时间 time-between-eviction-runs-millis: 60000 #每隔隔一分钟检测关闭空闲连接 min-evictable-idle-time-millis: 300000 #一个连接在池中最小生存时间 stat-view-servlet: url-pattern: /druid/* #访问druid界面的url allow: 127.0.0.1 #配置IP白名单，如果不配置，则允许所有访问 reset-enable: false #禁用HTML中的Rest All按钮 #登录用户名/密码 login-username: root login-password: ZJR199925 #热部署配置 devtools: restart: enabled: true #设置开启热部署 additional-paths: src/main/java #重启目录 exclude: mapper/** freemarker: cache: false #redis缓存配置 redis: database: 0 #数据库索引 host: localhost #主机地址 port: 6379 #端口 password: #密码默认没有 jedis: pool: max-active: 200 #连接池最大连接数 max-wait: -1 #连接池最大阻塞等待时间 max-idle: 10 #连接池最大空闲连接 min-idle: 0 #连接池中最小空闲连接 timeout: 1000 #超时时长限制ms

这章就到这啦，后面有时间还会继续更新的。