Skip to content

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

License

Notifications You must be signed in to change notification settings

kingboy2008/Blog.Vue

 
 

Repository files navigation

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Vue 99.1%
  • Perl 0.9%