打开项目文件夹下面的package.json文件,运行(一般来说idea和vscode都有运行标志)第八行的代码:
运行之后项目文件夹下面会有一个dist文件夹里面就是打包好的项目:
接着来看Nginx(如果没有可以去官网下载):
这是官网地址:nginx
点击doenload,
直接无脑点windows稳定:
下载解压之后是这样的:
打包好的项目也就是dist文件夹下面的东西:
dist文件夹下面的:
Nginx的html文件夹下面的:
将Nginx的html文件夹里面内容全删了把dist文件夹的内容复制进去:
运行nginx.exe:
接着在浏览器里面导航栏输入localhost:80,
我这里把Nginx下面的conf文件夹下面的nginx.conf里面的端口改成81了所以我是81
这是浏览器里面的效果也是成功部署了: