龙空技术网

Win10下nginx部署打包好的Vue项目

只说代码的大饼 1855

前言:

今天朋友们对“nginx部署vue项目背景图片找不到”大约比较看重,朋友们都想要分析一些“nginx部署vue项目背景图片找不到”的相关内容。那么小编在网络上搜集了一些关于“nginx部署vue项目背景图片找不到””的相关知识,希望大家能喜欢,小伙伴们一起来了解一下吧!

1:nginx官网()下载win版本的nginx。

2:vscode 中使用npm build指令打包,打包成功后在该vue项目下找到dist文件夹,把该文件夹拷贝到nginx下的html目录下:

3:打开conf目录下的nginx.conf,编辑内容如下

4:运行nginx.exe。建议使用powershell 指令启动:.\nginx.exe。

5:检验网站是否运行成功,在浏览器中输入:

登录页面

主界面

标签: #nginx部署vue项目背景图片找不到