如何让你的应用启动在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访问你的项目了