发布vue流程

1、服务器
2、打包 ： 打包方法 选择package.json 打开于终端 ，输入npm run build .会生成一个dist文件夹 。
3、服务器需要添加运行nginx

修改端口方法：
参考引用链接：

https://blog.youkuaiyun.com/xuezhe5212/article/details/140212065

操作方法：

nginx Windows安装
在Windows上安装Nginx，你可以按照以下步骤操作：

下载Nginx Windows版本。

访问Nginx官方网站（http://nginx.org/）下载最新的Windows版本的Nginx。选择“Stable”版本，这是稳定发布版。

解压下载的文件。

将下载的压缩文件解压到你希望安装Nginx的位置。例如，如果你解压到C:\nginx，那么Nginx的相关文件将被放置在这个目录下。

启动Nginx。

打开命令提示符（CMD）或者PowerShell，切换到Nginx的安装目录下，例如：

cd C:\nginx

然后运行以下命令启动Nginx：

start nginx

检查Nginx是否运行。

打开浏览器，输入地址http://localhost/，如果看到Nginx的欢迎页面，说明Nginx已经成功启动。

配置Nginx。

如果需要配置Nginx（比如修改监听端口，添加虚拟主机等），编辑安装目录下的nginx.conf文件。

重新加载配置。

修改配置后，保存文件并在命令提示符或PowerShell中运行以下命令来重新加载配置并应用更改：

nginx -s reload

停止Nginx。

要停止Nginx服务，你可以使用以下命令：

nginx -s stop

以上步骤在Windows环境下安装Nginx，提供了基本的指导。如果你需要更详细的步骤或者解决特定的问题，请提出具体的问题。

如何用nginx 运行vue导出项目

要使用Nginx来运行Vue.js项目，你需要先构建你的Vue项目，然后配置Nginx来服务这些静态文件。以下是简化的步骤：

在你的Vue项目目录中，运行构建命令：

npm run build

或者如果你使用的是Yarn：

yarn build

构建完成后，将会在你的项目目录中生成一个dist/文件夹，里面包含了静态文件。

接下来，你需要配置Nginx来服务这些文件。编辑Nginx的配置文件（通常位于/etc/nginx/nginx.conf或者/etc/nginx/sites-available/目录下的某个文件）。

在Nginx配置中，设置一个server块来指向你的Vue项目的dist目录。例如：

server {
listen 80;
server_name your-domain.com; # 或者你的服务器IP

location / {
    root /path/to/your/vue/project/dist; # Vue项目dist目录的绝对路径
    index index.html;
    try_files $uri $uri/ /index.html;
} }

保存Nginx配置文件并重新加载配置：

sudo nginx -s reload

现在，你可以通过在浏览器中访问你的服务器IP或域名来查看你的Vue.js应用了。

确保你的Vue项目的dist目录的权限和安全设置允许Nginx访问。如果你在本地测试，可以使用localhost或者127.0.0.1作为

server_name。