NoteBook開發日記二(項目配置篇SpringBoot、vue、vue-cli)

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：是否啓用https
  • open：項目編譯完成後是否自動打開網頁訪問
• proxy：代理配置，用於解決跨域問題
  • ‘dev-api’：每個請求之前要加的路徑
    • target：要代理的目標地址
    • changeOrigin：改變源host
    • pathRewrite：路徑重寫
• 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%2B8&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

這章就到這啦，後面有時間還會繼續更新的。