筆記：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訪問你的項目了