vue 项目部署

项目打包 cd 到项目文件夹：

cd master/web

打包命令：（正常使用npm run build就可以）

如果运行npm run build，报错

npm ERR! missing script: build
npm ERR! A complete log of this run can be found in:

是因为package.json中scripts参数为：

  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
    "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
    "lint": "eslint --ext .js,.vue src",
    "test": "npm run lint"
  },

npm 允许在package.json文件里面，使用scripts字段定义脚本命令；

所以正确打包命令为：

npm run build:prod --report  

打包完成，我这里需要连接，因项目而异

启动

打包好的文件夹 web/dist文件夹

打包完成之后会报一些404错误

因为引用资源的路径问题，修改一下再打包就可以了。

需要修改的文件在项目目录下的config文件夹里的index.js文件中

改完，再次执行npm run build，然后打开index.html就可以了

打包好的文件夹 web/dist文件夹下的内容复制到E: 盘web中

进入C：盘，执行： （ [email protected]:/opt/nipvt/是服务器路径）

scp -r E:\web  [email protected]:/opt/nipvt/

输入密码就部署成功了