Vue.js web服务器中的Vuejs测试应用程序

Vue.js web服务器中的Vuejs测试应用程序,vue.js,Vue.js,在本地计算机上,我可以运行npm run service来测试我的应用程序。但是,如果我想在服务器上执行同样的操作,该怎么办?我应该将我的域名指向哪里 或者,每当我想在我的服务器上进行测试时,我是否必须运行npm run build并将我的域指向/dist 我这样问是因为如果我在另一台计算机上,我不想每次都要克隆这个项目并安装npm和其他东西来让它工作。这样,我只需访问终端即可测试我的应用程序,而无需每次更改时都执行npm run build。您一定在谈论vue cli。实际上,当您npm运行b

在本地计算机上,我可以运行
npm run service
来测试我的应用程序。但是,如果我想在服务器上执行同样的操作,该怎么办?我应该将我的域名指向哪里

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


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

您一定在谈论
vue cli
。实际上,当您
npm运行build
时,应用程序的输出位于
/dist
中。您可以从这里提供
index.html

最好在它前面放一个web服务器,声明服务资产的位置(我想与根路径相同),然后就可以开始比赛了


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

如果您想在服务器上运行Vue Cli,请执行以下操作或查看:

步骤:1:在服务器上安装nodejs
步骤:2:安装vue cli(版本2或3)
步骤:3:cd到项目,运行命令:npm run build
步骤:4:您需要在服务器上安装nginx
步骤:5:sudo nano/etc/nginx/nginx.conf,编辑以下内容:
服务器{
听80;
服务器名称:domail.com
root/var/www/project-vue-cli/dist;
index.html index.htm index.php
地点/{
try_files$uri$uri/=404;
}
}
步骤:6:重新启动nginx:sudo systemctl重新启动nginx
步骤:7:您可以打开域