vue+django项目部署

**实现vue+django项目部署**

作为一名经验丰富的开发者，我将带领你一步步实现vue+django项目部署。首先，我们需要明确整个部署流程。下面是一个表格展示了项目部署的步骤。

| 步骤 | 操作 |
| --- | --- |
| 1 | 准备vue前端项目 |
| 2 | 准备django后端项目 |
| 3 | 使用webpack构建vue项目 |
| 4 | 将构建后的vue静态文件放入django项目中 |
| 5 | 配置django后端项目 |
| 6 | 启动django后端项目 |

**具体步骤及代码示例**

1. 准备vue前端项目

在终端中切换到vue项目的根目录下，并运行以下命令以安装依赖:

```bash
npm install
```

2. 准备django后端项目

在终端中切换到django项目的根目录下，并运行以下命令以安装依赖:

```bash
pip install -r requirements.txt
```

3. 使用webpack构建vue项目

在vue项目的根目录下运行以下命令，使用webpack构建vue项目:

```bash
npm run build
```

4. 将构建后的vue静态文件放入django项目中

将vue项目构建后生成的dist目录下的静态文件，比如index.html和static文件夹，拷贝到django项目的某个目录下，比如django项目根目录下的templates目录。

5. 配置django后端项目

进入django项目的settings.py文件，配置模板路径：

```python
TEMPLATES = [
{
...
'DIRS': [os.path.join(BASE_DIR, 'templates')],
...
}
]
```

然后配置静态文件路径：

```python
STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'templates/static'),
]
```

6. 启动django后端项目

在终端中切换到django项目的根目录下，并运行以下命令启动django项目:

```bash
python manage.py runserver
```

至此，我们已经完成了vue+django项目的部署过程。现在，你可以访问http://localhost:8000/查看部署后的项目。希望这篇文章对你有所帮助，祝你顺利完成vue+django项目部署！