一、下载nginx
使用nginx部署项目,实现在手机上查看页面
官网地址:http://nginx.org/en/download.html
选择合适的版本进行下载解压
二、打包项目
将自己本地项目npm run build打包,会出现一个dist文件夹,将该文件夹复制到nginx目录html文件夹中,并将dist文件夹中index.html文件复制到html根目录下
使用nginx部署项目,实现在手机上查看页面
使用nginx部署项目,实现在手机上查看页面
三、配置文件
使用nginx部署项目,实现在手机上查看页面
使用nginx部署项目,实现在手机上查看页面
使用nginx部署项目,实现在手机上查看页面
将root 路径配置为本地路径dist文件夹下
四、本地nginx路径cmd启动,命令nginx -s reload 重新启动nginx,双击使用nginx部署项目,实现在手机上查看页面
在浏览器输入localhost启动就可查看页面
四、手机查看*
win+r-----cmd—ipconfig 查看ip地址(切记自己本地ip地址)
在手机端浏览器输入自己IP地址+index.html
例子:198.163.0.12/index.html

自己平时学习笔记

相关文章:

  • 2022-01-17
  • 2021-09-13
  • 2022-12-23
  • 2023-03-19
  • 2021-07-14
  • 2022-12-23
  • 2021-08-16
猜你喜欢
  • 2021-06-03
  • 2021-05-18
  • 2021-06-02
  • 2021-07-31
  • 2021-07-06
  • 2021-08-18
相关资源
相似解决方案