筆記：Vue - 應用啟動在https預設埠（跨域）

如何讓你的應用啟動在HTTPS

環境: vue、macOs、vue-cli3

由於樓主最近遇到了一個本地呼叫qa環境跨域及需要https的問題，所以在此記錄下來

• 修改vue預設配置

  在根目錄新建vue.config.js檔案

  https: 開啟https服務

  port: 啟動埠

  // vue.config.js
  module.exports = {
    configureWebpack: {
      devServer: {
        disableHostCheck: true,
        open: false,
        host: 'exmaple.com',
        port: 443,
        https: true,
        hotOnly: false,
      },
    },
  };
  
  複製程式碼

• 修改hosts檔案

  將localhost註釋，並新添入以下檔案

  #
  # Host Database
  #
  # localhost is used to configure the loopback interface
  # when the system is booting.  Do not change this entry.
  ##
  #127.0.0.1	localhost
  127.0.0.1 exmaple.com
  複製程式碼

• 啟動你的專案

  由於mac執行1024以下的埠需要管理員許可權，所以需要加上sudo命令去執行

  sudo yarn run start

​ 到這裡你就可以通過瀏覽器開啟example.com訪問你的專案了