/Blog.Vue

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

Primary LanguageVueMIT LicenseMIT

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