使用nodeJS或nginx本地部署vue项目

最新推荐文章于 2024-07-17 23:15:04 发布

杨哥杨哥万万岁

最新推荐文章于 2024-07-17 23:15:04 发布

阅读量620

点赞数

分类专栏： vue nodejs 文章标签： nginx node.js vue.js

本文链接：https://blog.csdn.net/wozhenhaokan/article/details/131439974

版权

本文详细介绍了如何使用nodeJS和nginx在本地部署Vue项目。通过nodeJS，我们创建项目，安装express，将打包后的dist文件夹放入根目录，编写server.js并启动服务。使用nginx，我们需要下载并配置nginx，将打包后的文件放入html目录，编辑nginx.conf文件，启动nginx服务，最后通过localhost:5000进行访问。

摘要由CSDN通过智能技术生成

nodeJS方式

1.创建项目，使用npm管理项目

npm init

2.安装express

npm i express

3.将打好的包丢到项目的根目录下，我们就用默认的dist命名。

4.项目根目录新建server.js,代码如下

// 引入express
const express = require('express')
// 由于我项目中使用了代理，所以需要处理一下，相当于vue.config.js中配置的proxy
const {
   createProxyMiddleware} = require('http-proxy-middleware')