npm run build
- 创建
vue.config.js
- 代码如下
module.exports = { productionSourceMap: false, // 在你npm run build 不输出, .map文件 }
详细可以去看 vue的说明配置: 参见文章: https://juejin.cn/post/6886698055685373965
这里说明一下一般情况写我们提交git是不会吧nodemodules目录放上去的,就是因为有这个package.json文件,你从git仓库clone下来之后的第一件事情会去执行
npm install, 他会直接去读取package.json中的文件,然后将所有依赖的包都安装下来。
npm init -y
> npm i express --save 上方命令会按照到生产环境中的依赖 "dependencies": {}
> npm i compression --save
> npm i connect-history-api-fallback --save
> 目录结构 vue-server public - dist - css - image - js - favicon.cio - index.html app.js
const express = require('express'); const compression = require('compression'); const app = express(); // 解决history的路由模式无法正常访问的中间件 const history = require("connect-history-api-fallback"); // 可以自定义端口 const port = 8081; // gzip压缩中间件 app.use(compression()) app.use( history({ // 你可以任意修改路径, 但需要保证这个路径下有这个文件; index: "/dist/index.html", }) ); app.use(express.static("./public")).listen(port);
connect-history-api-fallback
中间件中也会有很多配置, 有兴趣可以去看看:对了你可以在本地运行一下测试一下,如何可以的话在进行压缩。
vue-server
目录, 然后上方输入框内获取焦点, 然后输入cmd
, windows 7 可以按 shift+右键
node app.js
下一篇文章我会去分享如何在我们服务器上中去安装 nodejs,我的服务器是CentOS7.6
以及如何把刚刚压缩的文件上传到服务器、并进行部署。以及一些安全问题比如说: DDoS攻击以及解决方案