老张:这只是 .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
npm run build
就会看到生成了一个 dist 文件,这个就是SPA生成文件,我们就可以用它来部署了,我会用 Nginx 来代理。
- 十四 ║ VUE 计划书 & 我的前后端开发简史
- 十五 ║Vue基础:JS面向对象&字面量& this字
- 十六 ║Vue基础:ES6初体验 & 模块化编程
- 十七 ║Vue基础:使用Vue.js 来画博客首页+指令(一)
- 十八║Vue基础: 指令(下)+计算属性+watch
- 十九║Vue基础: 样式动态绑定+生命周期
- 二十║Vue基础终篇:组件详解+项目说明
- 👆 上边的这些基础,可以不用看,如果你只想快速入门 Vue 的话,只看下边的即可
- 二十一║Vue实战:开发环境搭建【详细版】
- 二十二║Vue实战:个人博客第一版(axios+router)
- 二十三║Vue实战:Vuex 其实很简单
- 二十四║ Vuex + JWT 实现授权验证登陆