vue-cli怎么和后台做交互？

djkloop555 2017-03-16 01:20:05

我现在的问题是这个index是需要后台Tomcat上用的但是这个index需要的js文件和静态文件都在dist(webpack打包过的)目录里面那如果我现在想编译src里面的文件怎么让他也能实时编译到dist文件里面？不可能修改一点代码就npm run build一下...那是不是太麻烦了- -。是不是编译的时候就需要配置什么？
现在想要的结果就是我在eclipse启动的时候在里面修改src里面的文件 dist目录里面的js也能实时改变...希望哪位研究过的给个方法- -。

...全文

686 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

djkloop555 2017-03-20

打赏
举报

回复

是的我现在就是这样做的,..谢谢您的指点,关于那个Eclipse里面那个npm包卡死的原因是因为eclipse的检测这个可以关掉检测

yin138 2017-03-20

打赏
举报

回复

首先，我觉得这样的项目还是实现前后端开发分离会好一些。我的Eclipse就应为npm的文件全部在Eclipse的项目目录而导致卡死，才研究前后端开发分离的。前后端开发分离的前提是前后端的关联性较小。如果你的index.jsp/html需要使用大量JSP的代码，事情就比较麻烦。我看你的项目是vue，应该你的jsp只是处理权限为主，这样，jsp文件本身的稳定性是较好的，所以前端使用webpack的热编译webpack-dev --hot，这样修改前端的文件，会自动编译，后台继续用你的Eclipse开发，岂不乐哉。

最近使用vue-cli做了一个小小的项目，在项目中需要使用vue-resource来与后台进行数据交互，所以我使用了本地json数据来模仿后台获取数据的流程。至于vue-resource的安装和json的准备我就不赘述了、、、下面是操作方法： 1、首先介绍一下项目的结构：将本地的json文件放在最外层和index.html在一起，姑且叫做data.json。我的json数据文件大概如此： { seller: { name: 粥品香坊（回龙观）, description: 蜂鸟专送, bulletin: 会指定餐饮服务商。, a

主要介绍了详解基于Vue-cli搭建的项目如何和后台交互，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

Laravel Vue管理员管理系统项目简介 laravel-vue-admin是一套基于Vue全家桶（Vue2.x + Vue-router2.x + Vuex）+ Laravel的前分离框架。后台所需要的功能模块前一级分离设计，前端代码在admin目录，除以前后台页面；细分代码在laravel目录下，主要技术栈初步框架：Laravel 6.x 前端MVVM框架：Vue 2.6.10 前端开发：Vue-cli 路由：Vue-Router 3.x 数据交互：Axios 代码风格检测： UI框架：Element-UI 2.7.2 Laravel的运行环境要求PHP7.2以上。案例演示关联文档地址： : 已经上线项目： ://www.guke1.com 后台管理演示地址： ://118.25.87.12:8081/#/admin/ 账号：admin密码：123456 安

用vue-cli搭建一个前端开发环境确实是极其方便，在写前端代码肯定也是少不了需要调用后台提供的业务接口进行前后端交互，特别在敏捷开发中，前后端都要提前确定业务接口并进行打桩，在开发过程中基本是没有现成的后台可以调用，基本上都是自己写mock进行模拟。在vue-cli搭建的项目中，框架上用的是express的web框架，要做一个mock是很方便的。假设前端页面上需要获取所有的新闻列表，那么就需要mock一个能够返回所有新闻列表数据的接口。接下来就在项目中实现mock功能。脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目（名字任意） vue init we

Vue.js Chrome扩展模板（）开发时可在Vuejs上快速重新加载Chrome扩展的模板。安装：该样板是作为的模板构建的，并包含用于自定义最终脚手架应用程序的选项。 # install vue-cli $ npm install -g vue-cli # create a new project using the template $ vue init YuraDev/vue-chrome-extension-template my-project # install dependencies and go! $ cd my-project $ npm install # or yarn $ npm run dev # or yarn dev 结构体：脚本的后台工作在网页上下文中运行它可以添加新的UI面板和侧边栏，与检查的页面进行交互，获取有关网络请求的信息等等。为了允许用户自定义扩展程序的行为，您可能希望提供一个选项页面。弹出窗口-单击图标时将显示的页面（窗口）标签-您的应用程序将在单独的标签中运行 ext-共享脚本应用程序的说明，其权利和

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章