【项目上线】详细步骤05：实战 --- vue项目上线步骤

bladefury 发布于2019-06-26 17:30 / 1346人阅读

摘要：这里我以商城为例第一步，在虚拟主机上添加一个站点，如然后，一路敲回车。

这里我以yunfenghui商城为例

https://github.com/lolongwell...

第一步，在虚拟主机上添加一个站点，如yunfenghui.lolong.xyz

lnmp vhost add

然后，一路敲回车。（注意需要在云主机上解析域名，详细步骤参考【项目上线】04）

第二步，通过git把项目克隆到对应位置，此例克隆到/home/wwwroot/yunfenghui.lolong.xyz目录下

cd /home/wwwroot/yunfenghui.lolong.xyz

git clone https://github.com/lolongwell/YunFengHuiShop.git

第三步，通过npm或者cnpm安装对应依赖包

国内主机建议配置cnpm，安装速度更快

npm i -g cnpm --registry=https://registry.npm.taobao.org

安装api（后台）依赖包node_modules

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/api

cnpm i

安装client（前台）依赖包node_modules

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/client

cnpm i

第四步，MongoDB导入数据，将/YunFengHuiShop/resource文件中的dumall-users和dumall-goods数据导入数据库

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop

mongoimport -d=shop -c=users ./resource/dumall-users

mongoimport -d=shop -c=goods ./resource/dumall-goods

第五步，上线前，将文件打包到dist目录

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/client

npm run build

第六步，配置Nginx环境，修改root路径，修改代理配置

此处，需要了解vue项目开发的跨域问题，详细文章参考https://segmentfault.com/a/11...

vim /usr/local/nginx/conf/vhost/yunfenghui.lolong.xyz.conf

修改完成后，输入 :wq 保存并退出，然后重启Nginx服务

/etc/init.d/nginx restart

最后，浏览器访问yunfenghui.lolong.xyz。

云服务器 GPU云服务器阿里云服务器上线步骤上线项目上线java项目 php项目上线知道

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/19148.html

Vue项目搭建、只需四步轻松搞定！

摘要：你只要算好各种食材的比例，不用关心做菜的过程，就是那个微波炉。项目搭建步骤官网官网开发环境安装配置项目配置如图所示运行项目开发编译在浏览器输入看到，就跑通了。从基础开始，循序渐进，含有常用实战项目，贴近企业真实现状。用一个完成的Vue系列文章，让大家全面理解Vue的实现原理，掌握实用技巧，能在实战中使用Vue，解锁一个开发技能。文末有文章大纲请查看。不墨迹了！马上写内容： 1.为什...

张巨伟 2019-08-23 16:08 评论0 收藏0
【项目上线】详细步骤04：在一台云主机上部署多个网站，通过自定义网站名访问项目地址

摘要：安装完成后登陆，注意，如果装的是，协议改为。举例我通过阿里云注册的域名是那么这里我可以输入，或者其他任何指定特定网站，一台主机可以部署多个网站。推荐安装Xftp，是一个可视化管理云主机上文件的软件,方便初学者学习。安装完成后登陆，showImg(https://segmentfault.com/img/bVZEAI?w=496&h=702); 注意，如果装的是xftp 5，协议改为...

Jrain 2019-07-25 14:06 评论0 收藏0
从0到1开发实战手机站（二）：Git提交规范配置

摘要：既然是实战项目，我们也得在写页面之前把相关的规范配置做好。使用来执行规范全局安装下需在前面加项目目录下执行配好后，之后用到命令时，改为使用。使用效验提交信息首先还是安装依赖也会安装但自且并不和之后的版本兼容。生活不能随意过，代码也不能随意写。前一篇文章我们已经把项目搭建好了，那是不是马上就开始写页面了呀？ NO！无论在哪家公司，都会有相应的代码规范。新入职的员工往往第一步就要接受...

nanchen2251 2019-08-23 14:44 评论0 收藏0
从0到1开发实战手机站（二）：Git提交规范配置

摘要：既然是实战项目，我们也得在写页面之前把相关的规范配置做好。使用来执行规范全局安装下需在前面加项目目录下执行配好后，之后用到命令时，改为使用。使用效验提交信息首先还是安装依赖也会安装但自且并不和之后的版本兼容。生活不能随意过，代码也不能随意写。前一篇文章我们已经把项目搭建好了，那是不是马上就开始写页面了呀？ NO！无论在哪家公司，都会有相应的代码规范。新入职的员工往往第一步就要接受...

Miracle_lihb 2019-08-16 14:28 评论0 收藏0