Nginx部署项目(基础)

1.准备工作,申请阿里云服务器;

1.1注册账户;

1.2免费试用云服务器ECS;

注意:设置系统为Windows Server 2019 数据中心版 64位中文版

 

1.3重置实例密码

1.4安全组规则配置

1.5登录

搜索远程桌面,输入公用ip,连接需要输入密码和账户(就是刚刚重置的密码)

  

1.6登录成功,表示申请服务器步骤完成;

2.Nginx部署vue项目

2.1下载Nginx,将整个文件拖到(copy)到云服务器桌面上;

下载好的nginx压缩包,可输入提取码,自行下载;

百度网盘 请输入提取码百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固,支持教育网加速,支持手机端。注册使用百度网盘即可享受免费存储空间https://pan.baidu.com/s/1uaoCFau-ud5lUxAQf1qiYw

提取码:c8j2

2.2vue项目打包

npm run build 命令之前需要注意两点

2.2.1 在vue.config.js中设置 

publicPath:"./",

2.2.2 在src/router/index.js中修改路由模式

  mode: 'hash',//哈希模式

2.3 npm run build 打包完成后把dist文件夹,复制到云服务器

2.4在云服务器中,以管理员身份打开powershell,找到nginx.exe的路径

2.4.1 启动nginx命令   

​​​​​​​./nginx.exe

2.4.2 cmd切换磁盘常用的命令

cd .. 返回上一级目录

cd / 到根目录


3.部署完成后,进行访问

公网ip/dist/.index.html

如果页面可以正常访问,说明部署到服务器成功;

### 使用 Docker 和 Nginx 部署项目的最佳实践 #### 1. 准备工作 在开始之前,确保已安装 Docker 和 Docker Compose。这是构建和运行容器的基础工具[^2]。 #### 2. 创建项目结构 为了更好地管理和扩展项目,建议按照以下方式组织文件夹: ```plaintext my_project/ ├── app/ # 应用代码目录 │ ├── manage.py # Django 或其他框架入口脚本 │ └── requirements.txt# Python 依赖列表 ├── nginx/ # Nginx 配置文件目录 │ └── default.conf # 默认配置文件 ├── docker-compose.yml # 定义服务的组合配置 └── Dockerfile # 定义镜像构建过程 ``` #### 3. 编写 `Dockerfile` `Dockerfile` 文件用于定义如何创建一个包含应用及其依赖项的镜像。以下是针对 Django+Nginx 的示例: ```dockerfile # 使用官方 Python 基础镜像 FROM python:3.9-slim # 设置工作目录 WORKDIR /app # 复制依赖并安装 COPY ./requirements.txt . RUN pip install --no-cache-dir -r requirements.txt # 将本地代码复制到容器中 COPY . . # 暴露端口 EXPOSE 8000 # 启动命令 CMD ["python", "manage.py", "runserver", "0.0.0.0:8000"] ``` 此部分描述了如何设置 Django 应用的开发环境[^4]。 #### 4. 配置 Nginx Nginx 被广泛应用于反向代理和静态资源处理场景。下面是一个简单的 `default.conf` 示例: ```nginx upstream django { server web:8000; } server { listen 80; location /static/ { alias /app/static/; } location / { proxy_pass http://django; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_redirect off; } } ``` 上述配置说明了如何将请求转发给后端 Django 应用,并优化静态文件加载性能[^1]。 #### 5. 编写 `docker-compose.yml` `docker-compose.yml` 文件简化了多容器应用的管理。以下是一个典型的例子: ```yaml version: '3' services: web: build: . command: python manage.py runserver 0.0.0.0:8000 volumes: - .:/app ports: - "8000:8000" depends_on: - db db: image: mysql:5.7 environment: MYSQL_ROOT_PASSWORD: example MYSQL_DATABASE: mydb nginx: image: nginx:alpine restart: always ports: - "80:80" volumes: - ./nginx/default.conf:/etc/nginx/conf.d/default.conf depends_on: - web ``` 这段内容展示了如何通过 Docker Compose 组合多个服务(如 Web 应用、数据库和 Nginx),从而实现一键启动整个应用栈。 #### 6. 运行项目 完成以上步骤后,在终端执行以下命令即可启动项目: ```bash $ docker-compose up -d ``` 这会以后台模式启动所有指定的服务。 --- ### 总结 使用 Docker 和 Nginx 部署项目是一种高效且可重复的方式。它不仅能够隔离不同版本的应用程序及其依赖关系,还能显著减少因环境差异带来的问题。遵循上述方法论可以帮助开发者快速搭建生产就绪的系统架构。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值