如何将Vue项目投入生产?

时间:2018-05-31 15:56:44

标签: nginx vue.js deployment web-deployment

使用Ubuntu 16.04和Nginx我正在尝试将Vue项目部署到生产环境中,但仍然继续在白墙上运行。

我克隆了我的项目

/var/www/html/maak-web/maak_web/

使用npm install安装所有需要的依赖项并运行以下构建脚本:

node build/build.js

这启动了building for production成功并部署了项目。

在我的nginx默认配置中,我将root更改为指向正确的文件夹,如下所示:

root /var/www/html/maak-web/maak_web;

当我现在访问我的域/ IP时,我看到项目加载(例如,favicon和网站名称加载)以及我可以从此处访问我的static文件:

https://mysitedomain.com/static

似乎Vue项目有效,但问题是它实际上没有显示任何内容,访问子视图如/oneview/anotherview会抛出404页面找不到错误。

由于Vue似乎没有抛出任何错误,我怀疑它的nginx配置问题!?

1 个答案:

答案 0 :(得分:0)

  

解决方案是将生产构建到/ dist /文件夹中,并仅发布/ dist /文件夹内容。一旦我将内容复制到/ www / html /就可以了。

如果没有将正确的文件输入到输出文件夹,这是一个错误,我建议您通过设置config/index.js和{{1}来更新您的index文件以包含正确的生产位置} assetsRoot对象

build