Web服务器中的Vuejs测试应用程序答案

【问题标题】：Vuejs Testing app in web serverWeb服务器中的Vuejs测试应用程序
【发布时间】：2018-12-31 10:41:01
【问题描述】：

在我的计算机上，我可以在本地运行 npm run serve 来测试我的应用程序。但是，如果我想在我的服务器上做同样的事情怎么办？我应该将我的域指向哪里？

或者每当我想在我的服务器上进行测试时，我是否必须运行npm run build 并将我的域指向/dist？

我问是因为如果我在另一台计算机上，我不想每次都克隆项目并安装 npm 和其他东西以使其工作。这样，我只需访问终端即可测试我的应用程序，而无需在每次进行更改时都执行npm run build。

【问题讨论】：

标签： vue.js

【解决方案1】：

你一定是在谈论vue-cli。实际上，当您npm run build 时，您的应用程序的输出在/dist 中。您可以从这里为index.html 提供服务。

最好在其前面放置一个网络服务器，声明提供资产的位置（我想与根路径相同），然后您就可以参加比赛了。

但是，您也可以只使用ngrok 并在本地路由器上设置一些端口转发。如果您只想预览内容，这也将使其公开可用。

【讨论】：

【解决方案2】：

你想在服务器上运行 Vue-Cli，你做的方式或者你看到：Deploy a VueJS App with DigitalOcean,How To Set Up a Node.js Application for Production on CentOS 7

step:1: install nodejs on Sever
step:2: install vue-cli (version 2 or 3)
step:3:cd to project, you run command: npm run build
step:4: you need install nginx on server
step:5: sudo nano /etc/nginx/nginx.conf, you edit the following:
server{
	listen 80;
	server_name domail.com 
	root /var/www/project-vue-cli/dist;
	index index.html index.htm index.php
	location / {
		try_files $uri $uri/ =404;
	}

}

step:6: you restart nginx: sudo systemctl restart nginx
step:7: you can open domain

【讨论】：