vue项目运行npm run build打包后如何发布到服务器?

运行npm run build后,怎么发布到服务器?

http://img3.mukewang.com/5a0c0b970001f47d06470610.jpg

这样就打包成功了。然后我的项目根目录就会多一个dist文件夹,里面包含static文件夹(存放img、css、js等文件)和index.html。
然后我又复制了一点文件进来:
build/dev-server.js
config/dev.env.js
config/index.js
node_modules
package.json
然后把dist文件夹压缩。

http://img2.mukewang.com/5a0c0b980001ed6503550421.jpg

我们公司使用的是MobaXterm连接SSH,填写host和username后连接服务器,把dist压缩包放到服务器上,解压,进入dist目录,运行 pm2 start build/dev-server.js --name dssp-message-center

http://img4.mukewang.com/5a0c0b980001cb3a01740150.jpg

运行完成也没有报错,但是在浏览器输入服务器ip地址不能访问。

http://img3.mukewang.com/5a0c0b9900019ca206670214.jpg

运行提示中的pm2 show dssp-message-center显示详情,又发现服务状态错误,这是什么情况啊,有大神知道吗?

http://img3.mukewang.com/5a0c0b990001388306210381.jpg


甜玉米和咸玉米
浏览 25880回答 2
2回答

Caballarii

生产环境不需要devserver,直接丢到容器里,比如nginx之类的,然后直接访问根目录访问index.html就行,devserver里有热加载等等东西都是生产环境不需要的

慕姐1252437

打包好的dist文件就够了不需要添加其他文件进去,但dist文件必须要放到服务器上面,并且需要修改文件路径,以及图片的路径,找到dist下的index.html文件,打开文件修改里面的所有/static路径修改为./static,图片路径也类似方法修改
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js