配置vue脚手架项目和后端交互过程

最新推荐文章于 2022-01-02 22:17:57 发布
最新推荐文章于 2022-01-02 22:17:57 发布
阅读量2k 收藏 3
点赞数
分类专栏： VUE 文章标签： 配置vue cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ICe_sea753/article/details/99704263
版权
本文详细介绍了如何配置Vue CLI脚手架，包括安装、创建项目、配置文件和运行服务。在完成项目后，通过`build`命令生成dist文件夹，该文件夹中的内容将交给后端部署到服务器。后端部署后，前端项目可以通过localhost:3000进行访问。
摘要由CSDN通过智能技术生成

++这里所有的指令都是在控制台运行的++

安装脚手架

npm install -g @vue/cli

创建脚手架的项目

vue create xxx//这里是项目名称

开始配置文件

配置

进入你的项目文件，运行项目服务

cd xxxx
npm run serve (不是server)

控制台会提示你从哪个url进入，可以查看自己的网页

提示

文件夹下的view是你的视图层

最低0.47元/天 解锁文章
iceseasyh
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解vue配置后台接口方式
10-17
主要介绍了vue配置后台接口方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
小白 用vue脚手架实现接口连接的后台操作
qq_42594001的博客
10-26 2404
一 ，使用脚手架，安装配置 , npm i -g vue-cli vue脚手架指的是vue-cli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。 清除 npm 缓存文件：npm cache clean --force .项目搭建( 数据接口打开 npm start dev) a.搭建 vue ...
【第三阶段 day25】前端脚手架的搭建 后端项目搭建 脚手架运行流程
oriettahuiru的博客
01-02 340
文章目录1.前端脚手架的搭建1.1安装与配置1.1.1 安装node.js1.1.2 检查node.js和npm版本1.1.3 切换淘宝npm库1.1.4 检查镜像配置是否失效1.1.5 安装VUE和客户端1.1.6 初始化vue工程1.2 操作过程2.后端项目搭建3.脚手架运行流程 1.前端脚手架的搭建 1.1安装与配置 1.1.1 安装node.js 1.1.2 检查node.js和npm版本 node -v node npm 1.1.3 切换淘宝npm库 npm config set reg
前端资源-vue连接后端脚手架模板资源.zip
最新发布
04-24
这个资源是一个用于连接前端Vue框架和后端服务器的脚手架模板。它包含了一些预配置的文件和文件夹，可以帮助开发者快速搭建一个基于Vue的全栈项目。主要特点如下： 1. 集成了Vue CLI，方便创建和管理Vue项目。 2. ...
vue脚手架的项目与json-server结合.docx
10-04
Vue 脚手架与 JSON-Server 结合使用，是一种常见的前端开发模式，它允许开发者在后端API未完成之前，模拟数据交互，提高开发效率。以下是对这一过程的详细说明： 1. **Vue CLI 项目搭建**： Vue CLI 是 Vue.js 的...
基于vue脚手架
07-23
Vue脚手架是开发者为了快速搭建Vue项目环境而创建的一套工具集，它通常包括配置好的Webpack、Babel和其他必要插件，使得开发者能够专注于编写业务代码，而无需关注底层构建细节。 Element UI 是一套为开发者、设计...
Web前端(vue/cli脚手架)+后端（NodeJS+Express）搭建个人博客
01-05
在本项目中，我们将探讨如何使用现代Web技术栈，包括前端的Vue CLI脚手架、后端的Node.js与Express框架，以及数据库管理系统MongoDB，来构建一个个人博客平台。这个项目非常适合对前端有一定了解并希望扩展后端技能...
vue-demo——脚手架.zip
12-02
Vue脚手架（Vue CLI）是官方提供的命令行工具，用于快速设置项目结构。在创建Vue Demo时，Vue CLI会生成以下基本文件和目录： 1. `package.json`：项目配置文件，包含了项目依赖和脚本命令。 2. `src` 目录： - `...
Vue脚手架，通过api获取后台数据
Idiot_2018的博客
09-17 5023
情况：api项目，vue项目都在本机运行，vue通过调用接口，获取数据 问题难点：牵涉到跨域问题 vue代码：点击按钮调用regist方法，获取http://192.168.1.233/api/bargain/list数据 methods: { regist:function() { //this.$http.get("http://192.168.1.233/api/regi...
vue-cli+axios+flask，在脚手架中实现axios模块化前后端交互
留下虚度光阴的一些证据。
08-13 1004
1.问题： 作为一个刚接触vue的小白，一直无法理解vue前后端是如何交互的，前端如何拿到后端的数据，如何在vue-cli中实现axios的模块化简单的在组件中提取后端数据，并把它简单的呈现在页面中 2.解决 终于是在看了几天的教学视频和一些大佬的代码下摸索出了比较好的方案，配上简单的flask的代码可以简单的测试一下。 3. 代码实现 后端 from flask import Flask,jsonify,request from flask_cors import * app = Flask(__name
Vue调用后端java接口
qq_39970183的博客
12-18 2万+
前段时间 做了个学校的春萌项目，其中用到vue连接后端java接口。 先上后端接口代码： package controller; import net.sf.json.JSONObject; import util.DBUtil; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet;...
利用vue-cli脚手架简单实现前后端分离
qq_42662411的博客
10-14 1339
利用vue-cli脚手架简单实现前后端分离 1-vue-cli脚手架 官方网站 https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create 1.1 vue-cli脚手架的定义 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 一个运行时依赖 ( @v
VUE 与后端交互项目总结
清流弯弯
10-29 1147
一 初始化等准备项 1.1 App.vue 整体的样式可以在这个文件的 <style>这里修改 <template> <div id="app"> <router-view/> </div> </template> <script> export default { name: 'App' } </script> <style> #app ...
vue 配置后台接口方式
热门推荐
进阶默示录
08-13 7万+
在vueAdmin项目中有两种方式配置后端接口的方式，在此做下记录 第一种（代理方式） 在工程目录下 &gt; config &gt; index.js - 修改为如下配置 proxyTable: { '/api': { target: 'http://127.0.0.1:8000', pathRewrite: { ...
Vue高级实战与后端集成教程：网盘资源下载
1. **Vue CLI**：Vue CLI是Vue.js的官方脚手架，它简化了项目的初始设置和配置，允许快速创建新项目、添加功能、自定义配置等。学员会学习如何使用Vue CLI来搭建项目结构，以及如何利用其内置的自动化工具，如热模块...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值