在手机上搭建一个小型服务器

安装配置

- nginx : 1.14.2
- node.js : 8.19.3

image.png

1. 先将自己在电脑上的 vue项目打包

    npm run build

2. 打开 aidlux 的文件管理器

如果不知道怎么打开网页的界面看这里
image.png

1. 打开文件管理器

image.png

2. 找到home,在home下新建一个 www 的文件夹

image.png
然后将刚刚打包好的 dist 文件夹放到这个 www 文件中
image.png

3. 然后在根目录下 找到 /etc/nginx/conf.d 在这个文件夹中创建一个 my.conf 配置文件

这个是我的配置文件(实际情况根据个人而定)

server {
  listen 8899; # 写需要的端口 # 前端页面的端口
  location / {
	  root /home/www/dist;  # 站定目录 (这里如果是按我刚刚的配置就这么写)
	  index index.html; # 首页文件
  }
  location /api {  #(/api 这里一定要确定好 配置的路径)
        proxy_pass http://localhost:3000; #(配置服务端的端口要和你配置的服务器端口一致)
        proxy_connect_timeout	3;
        proxy_send_timeout		30;
        proxy_read_timeout		30;			
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
        client_max_body_size	500m;
  }
}

详细配置教程可参考:
Nginx 从入门到实践,万字详解! - NGINX开源社区

配置好后在终端输入 nginx -s reload # 刷新一下nginx

4. 配置好后先找到自己本机的 ip 地址

在终端输入 ifconfig
image.png

然后在浏览器输入你的 http://ip:端口号 就可以访问你的网页了

5. 在根目录创建server文件夹,将配置好的文件放到这个文件夹中

在终端 cd /server
用 node 启动你的服务器文件
image.png

6. 配置好了,看看效果吧

image.png

这个是上传文件后的文件
image.png

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值