mac apache2.14 与 启动vuecli项目

mac apache2.14 与 vuecli启动项目

修改package.json

{
  ...
  "scripts": {
    ...
    //新增
    //'路径'处，写入你项目的根目录路径(例如：/Users/Cake/Desktop/Technology/webApp)
    "prod": "cd /Library/WebServer && sudo rm -rf Documents && sudo mkdir Documents && cd 路径  && sudo cp -r  ./dist/ '/Library/WebServer/Documents' && cd 路径",
    //启动apache
    "apache:start": "sudo apachectl -k start",
    //重启apache
    "apache:restart": "sudo apachectl -k restart"
    ...
  },
  ...
}

运行

• 把打包好的文件复制到服务器

npm run prod

• 开启服务器

npm run apache:start

• 重启服务器

npm run apache:restart

配置Apache

编辑 http.conf 文件

• 去掉 #LoadModule headers_module modules/mod_headers.so 前面的注释#
• 去掉 #LoadModule deflate_module modules/mod_deflate.so 前面的注释#
• 去掉 #LoadModule filter_module modules/mod_filter.so 前面的注释#
• 文件末尾加上

  AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/x-javascript application/javascript application/json 
  #对指定的内容进行压缩，压缩方式为默认的一个方法(DeflateCompressionLevel 6)