为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

甜玉米和咸玉米 2017-11-15 17:42:10
运行npm run build后,怎么发布到服务器?这样就打包成功了。然后我的项目根目录就会多一个dist文件夹,里面包含static文件夹(存放img、css、js等文件)和index.html。然后我又复制了一点文件进来:build/dev-server.jsconfig/dev.env.jsconfig/index.jsnode_modulespackage.json然后把dist文件夹压缩。我们公司使用的是MobaXterm连接SSH,填写host和username后连接服务器,把dist压缩包放到服务器上,解压,进入dist目录,运行 pm2 start build/dev-server.js --name dssp-message-center运行完成也没有报错,但是在浏览器输入服务器ip地址不能访问。运行提示中的pm2 show dssp-message-center显示详情,又发现服务状态错误,这是什么情况啊,有大神知道吗?
查看完整描述

2 回答

已采纳
?
Caballarii

TA贡献1123条经验 获得超629个赞

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

查看完整回答
反对 回复 2017-11-16
  • 甜玉米和咸玉米
    甜玉米和咸玉米
    我的问题解决了,谢谢。 我找了公司的前端帮我解决了。他打包后还需要那些文件,在本地依然能用npm run dev启动,然后放到服务器上,通过pm2命令启动服务。
?
慕姐1252437

TA贡献1条经验 获得超2个赞


打包好的dist文件就够了不需要添加其他文件进去,但dist文件必须要放到服务器上面,并且需要修改文件路径,以及图片的路径,找到dist下的index.html文件,打开文件修改里面的所有/static路径修改为./static,图片路径也类似方法修改

查看完整回答
2 反对 回复 2018-06-21
  • 2 回答
  • 0 关注
  • 25879 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信