vue 访问不到主页 项目启动_使用node+vue实现一个前后端分离的简约博客

最新推荐文章于 2024-04-29 15:45:02 发布
最新推荐文章于 2024-04-29 15:45:02 发布
阅读量91 收藏
点赞数
文章标签： vue 访问不到主页 项目启动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_33245447/article/details/112282574
版权

技术栈：使用node.js + koa2 + mongoDB + vue + vue-router + element-ui 实现的前后端分离的简约风格的博客

线上地址 http://148.70.233.26:8080

源码在github上 https://github.com/zhaotbj/node-project

使用的是腾讯云的服务器

博客介绍

  • 前后端分离开发
默认是后台目录， 其中vue-views目录下是前端代码

启动项目

  • node项目
node app.js
默认是3000端口
  • vue项目
cd 进入 vue-views目录下
npm run dev
默认是8080端口

技术栈

  • 前端
    • vue
    • vue-router
    • axios
    • element-ui
  • 后端
    • koa2 + koa-router
    • mongoDB

ab58780a640b7f9543604fafc76a6911.png

实现功能

- [x] 主页+ 列表页+ 侧边栏

- [x] 富文本 vue2-editor】

- [x] 增

- [x] 查

- [ ] 登录， 注册

- [ ] 删改

- [ ] 标签， 分类

- [ ] 评论

lanjieying
关注
node项目实战总结_node vue项目开发之前后端分离实战记录
weixin_33842051的博客
01-13 349
前言本文主要介绍了关于node vue前后端分离的相关资料，分享出来供大家参考学习，下面随着小编来一起学习学习吧。node vue项目开发最近看了近一周的vue开发，有诸多感触，我之前接触过react、angular所以特别想学学久仰大名的vue。学习半天以后发现，接触到的东西多了，学习起来就是容易很多，vue的指令我能个联想到angular的指令，vue组件化设计类似于react的组件化设计，包...
最新Vue2.0+组件开源项目库集合
熊大小哥哥
10-11 780
UI组件element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app应用 muse-ui ★2...
博客管理系统，用Node、Express + Vue、 Element-ui Blog、Mysql 实现前后端分离
g2424173338的博客
06-16 1067
项目框架：vue3.0、 element-ui、node(express) 、mysql 可作为 毕业设计 参考、无实际项目经验的参考 1.演示地址 账号：test 密码：lijinghuan ----------后台管理系统（pc端）：https://www.tiandaodao.com/ ----------用户端展示（兼容手机端、pc端）：https://www.tiandaodao.com/frontend/index.html 2.咨询方式： VX号:g1894354...
vue+element不前后端分离资源包
06-26
vue+element不前后端分离资源包
以DonetCore+vue+Element搭建的简单框架
09-30
在本项目中，我们将使用ASP.NET Core MVC作为后端开发框架，它提供了模型-视图-控制器（MVC）模式，便于组织和管理代码，实现前后端分离。 二、Vue.js：简洁高效的前端框架 Vue.js是一种轻量级的JavaScript框架，...
Vue组件汇总_小胖梅后台管理系统资料
最新发布
2401_84446825的博客
04-29 867
我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。
Vue+MySQL+Express
qq_33182945的博客
08-03 4390
由于前后端分离，写功能的时候都是造的假数据，觉得不太好，然后在网上找到这位博主的案例：http://fehey.com/2017/01/20/vue-mysql-express/ 自己在动手做了一下！ 一.用vue-cli脚手架工具创建一个基于webpack的Vue项目 1、前提要安装node环境。 2、首先全局安装：npm install -g vue-cli 3、创建一个文件夹或者直接...
Vue3笔记
m0_50756791的博客
04-11 419
vue是指一个用于创建用户界面的渐进式框架，旨在更好地组织与简化Web开发；Vue的核心库只关注视图层，并且非常容易学习，也非常容易与其他库或已有项目整合。vue框架介绍Vue.js（读音/vju：/，发音类似于view）是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，也非常容易与其他库或已有项目整合。Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
Spring boot 和 Vue 前后端分离项目的启动部署（详细版）
热门推荐
weixin_40331613的博客
08-01 11万+
一、首先拿到spring boot + vue项目，可以从git 上获取到 spring boot 项目导入idea中启动，运行mian函数启动项目（tomcat端口改为80） 二、安装node（最新版）https://nodejs.org/en/download/（具体安装过程，查百度） 测试node和cpm是否成功 打开黑窗口（win键+x）点击:命令提示符管理员（必须以管理员运行）。 ...
Vue+NodeJs前后端分离实现
一缕孤猿的博客
10-28 1461
Vue+NodeJs前后端分离实现 1.创建Vue项目 使用vue-cli脚手架工具创建Vue项目 vue init webpack myapp 1 创建完成后 cd myapp 1 安装一些依赖 cnpm install --save axios 1 cnpm install --save stylus 1 cnpm install --save vue-loader 1 cnpm install --save css-loader ...
vue 访问不到主页 项目启动_解决 vue CLI2.5以下版本本地项目启动后不能被外部IP访问...
weixin_39907658的博客
01-13 545
1, 修改 config/index.js 的 host 属性为 ‘0.0.0.0’dev: {// PathsassetsSubDirectory:'static',assetsPublicPath:'/',proxyTable: {},// Various Dev Server settingshost:'0.0.0.0', // can be overwritten by process....
node+vue前后端分离初体验
csdn_0921的博客
11-25 1483
前后端分离简单的理解就是前端与后端看做两个不同的项目，分开进行开发，互不干扰，前端只关注页面，后端只关注业务逻辑。后端提供接口，前端来调用。这里使用node作为服务器后端，前端使用vue，使用axios进行前后端交互，在本地测试一个简单的前后端分离案例。
vue-node前后端分离项目部署
weixin_43286092的博客
06-19 1572
文章目录1.node后端部署2.Vue前端本地调试，后端部署在服务器配置3.Vue前端打包上线，后端node也部署在服务器4.前后端5.前端项目配置开机自启动 环境： “vue”: “^2.5.2”, “webpack”: “^3.6.0”, 服务器：Centos7.3 1.node后端部署 注意： 数据库要提前拉起来，（mongodb或者mysql） 方法一： 切换到项目文件夹下，执行, 缺点： 当命令行断开，启动的node服务会挂掉 $ node ./bin/www 方法二： pm2跑进程 pm2的安
windows下启动vue，访问前端项目
sunsijia21983的博客
07-14 707
目录 安装node 参考 https://www.runoob.com/nodejs/nodejs-install-setup.html 主要就是注意一下环境变量里面是否包含了node 检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"，输出如下结果： PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\
Vue启动后，只能访问vue默认页面，怎么才能访问项目页面呢
qq_42423727的博客
03-20 1万+
Vue启动后，只能访问vue默认页面，怎么才能访问项目页面呢 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能...
potato网络连接不可用_用Flask和Vue制作一个单页应用（一）
weixin_39723010的博客
11-26 336
Flask[官方主页]是一个使用Python编写的轻量级web后端框架，其使用 Jinja模板引擎和Werkzeug 作为 WSGI 工具箱。使用Flask可以很方便地实现RESTful的后端API。而Vue.js[官方主页]则是近年来非常火的前端框架。在国内，前端程序员用Vue比较多，因为比较好上手，再加上对中文友好，遇到问题能比较容易搜索出中文结果。可能和Vue.js的作者尤雨溪(Evan Y...
Django+Vue.js：实战前后端分离项目搭建教程
本文档详细介绍了如何使用Django和Vue.js结合来搭建一个前后端分离的Web应用。首先，确保你已经安装了Django和Vue.js。接下来，按照以下步骤进行操作： 1. **创建Django项目**: 使用`django-admin startproject`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值