OnRush1226 / Blog.Vue

一个vue的个人博客项目，配合.net core api教程，打造前后端分离

老张：这只是 .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 概览

• 十四 ║ VUE 计划书 & 我的前后端开发简史
• 十五 ║Vue基础：JS面向对象&字面量& this字
• 十六 ║Vue基础：ES6初体验 & 模块化编程
• 十七 ║Vue基础：使用Vue.js 来画博客首页+指令(一)
• 十八║Vue基础: 指令(下)+计算属性+watch
• 十九║Vue基础: 样式动态绑定+生命周期
• 二十║Vue基础终篇：组件详解+项目说明
  
  
• 👆 上边的这些基础，可以不用看，如果你只想快速入门 Vue 的话，只看下边的即可
  
  
• 二十一║Vue实战：开发环境搭建【详细版】
• 二十二║Vue实战：个人博客第一版(axios+router)
• 二十三║Vue实战：Vuex 其实很简单
• 二十四║ Vuex + JWT 实现授权验证登陆