# Blog.Vue
**Repository Path**: KingRain.NET/Blog.Vue
## Basic Information
- **Project Name**: Blog.Vue
- **Description**: 一个vue的个人博客项目，配合.net core api教程，打造前后端分离
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 30
- **Created**: 2020-01-02
- **Last Updated**: 2024-06-06
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
老张：这只是 .netCore+Vue 的前端部分，后端API部分，请看我的另一个工程 https://github.com/anjoy8/Blog.Core
博客园：https://www.cnblogs.com/laozhang-is-phi/
简书：https://www.jianshu.com/u/94102b59cc2a
环境：
node.js、Npm/Cnpm、vue-cli、vue-router、vuex等
## 给个星星! ⭐️
如果你喜欢这个项目或者它帮助你, 请给 Star~（辛苦星咯）
*********************************************************
### 项目下载后，首先安装依赖包
```
npm install
```
### 安装成功后，运行即可
```
npm run serve
```
然后你就可以直接访问 http://localhost:6688
### 请注意：
```
如果你想换一个端口，可以直接修改根目录下的 vue.config.js 文件
devServer: {
port: 6688, // 当前vue项目的端口号
https: false,
而且也要代理下后端的接口地址，如果你使用 proxy 来实现跨域的话（如果用 CORS 跨域，这里就不用配置了）：
proxy: {
// 配置多个代理
"/api": {
target: "http://localhost:8081",//这里改成你自己的后端api端口地址，记得每次修改，都需要重新build
```
### 如果要部署，先执行bulid
```
npm run build
```
就会看到生成了一个 dist 文件，这个就是SPA生成文件，我们就可以用它来部署了，我会用 Nginx 来代理。
***********
前端 Vue 概览