vue本地启动项目,访问web服务器发送请求的区别

1、Vue本地启动项目：Vue项目可以在本地启动，通过npm run serve可以启动一个本地服务器，本地服务器可以提供静态文件，不支持动态数据的处理，比如数据库 *** 作等。
2、访问web服务器发送请求：访问web服务器发送请求，可以通过>vue上传是编码，要用到一个文本编辑器，视频教程上使用的是富文本编辑器Tinymce，但是Tinymce是一个传统javascript插件，默认不能用于Vuejs因此需要做一些特殊的整合步骤，步骤有些许麻烦，于是打算用跟此博客一样，用markdown带代替，因为此blog的markdown中上传是自己修改方法，上传到oss中的，此时传入数据库的路径就是保存的到云存储里面的路径。
而我发现Tinymce编辑器在做原本的添加时，Tinymce中的上传功能直接存储的是的base64编码，因此无需服务器。
所以，突发奇想能不能修改markdown添加功能，实现将转为Base64，存入数据库，查找了相关资料后，发现这样虽然可以，但是会导致Pandoc编译速度慢，甚至内存堆栈不足，虽然不推荐此使用，但是还是尝试一下。

传值是最好将字典，数组类型的 转成json字符串比较好
JSONstringify(item)

然后到下一个页面 的mounted()函数中取值

如果在微信中 下面有 <- -> 前进返回 箭头 就要用 name 这种方式push 下一个页面是可以到下一个页面，但是单按右箭头返回时是返回不到先前界面的
因为它记录的是页面路劲，所以如果想要实现可以返回的界面切换最好要用 path 路径来push

//本地存

//用的时候取

还有一个 sessionStorage 缓存传值 和 localStorage的 *** 作类似

WebStorage的目的是克服由cookie所带来的一些限制，当数据需要被严格控制在客户端时，不需要持续的将数据发回服务器。
WebStorage两个主要目标：（1）提供一种在cookie之外存储会话数据的路径。（2）提供一种存储大量可以跨会话存在的数据的机制。
HTML5的WebStorage提供了两种API：localStorage（本地存储）和sessionStorage（会话存储）。
1、生命周期：localStorage:localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。localStorage除非主动删除数据，否则数据永远不会消失。
sessionStorage的生命周期是在仅在当前会话下有效。sessionStorage引入了一个“浏览器窗口”的概念，sessionStorage是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源另一个页面，数据依然存在。但是sessionStorage在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面，sessionStorage也是不一样的。
2、存储大小：localStorage和sessionStorage的存储数据大小一般都是：5MB
3、存储位置：localStorage和sessionStorage都保存在客户端，不与服务器进行交互通信。
4、存储内容类型：localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理
5、获取方式：localStorage：windowlocalStorage;；sessionStorage：windowsessionStorage;。
6、应用场景：localStoragese：常用于长期登录（+判断用户是否已登录），适合长期保存在本地的数据。sessionStorage：敏感账号一次性登录；
WebStorage的优点：
（1）存储空间更大：cookie为4KB，而WebStorage是5MB；
（2）节省网络流量：WebStorage不会传送到服务器，存储在本地的数据可以直接获取，也不会像cookie一样美词请求都会传送到服务器，所以减少了客户端和服务器端的交互，节省了网络流量；
（3）对于那种只需要在用户浏览一组页面期间保存而关闭浏览器后就可以丢弃的数据，sessionStorage会非常方便；
（4）快速显示：有的数据存储在WebStorage上，再加上浏览器本身的缓存。获取数据时可以从本地获取会比从服务器端获取快得多，所以速度更快；
（5）安全性：WebStorage不会随着>vue项目防止按钮重复点击（重复请求接口）
1首页先写入mainjs中

2在button或el-button标签上绑定该指令

场景
1保存提交按钮不小心点击了多次。
2由于网络服务器卡等原因点击事件没有及时响应又点击了一次，造成数据的重复提交和保存，数据的异常。
3resize、scroll，输入框内容校验等频繁 *** 作。

原因
由于axios提交数据为异步提交，点击提交按钮是通过xml>

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中， 浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输 。

在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。

现在，很多网站为了实现推送技术，所用的技术都是 Ajax 轮询。轮询是在特定的的时间间隔（如每 1 秒），由浏览器对服务器发出 >

以下针对的是你要用vue+webpack开发前后端分离单页面项目（spa）来回答，vue也可以用在传统MVC的视图层，这种开发模式不在回答范畴

开发spa的话，视图路由切换(router)逻辑都在前端，前后端分离，基本是一个html完成所有页面，不再（很少）需要后端渲染视图了

这是前端框架开发问题，跟后台没什么关系

只有开发依赖nodejs，打包后就是可以直接运行的普通html+js文件，上线并不需要专门的环境

可以跟后台项目放一起，只要能打开包后的indexhtml 放哪里都行

AJAX，数据交互完全通过AJAX，视图逻辑都在前端处理，哪个页面需要的哪个数据通过AJAX请求让后台指定接口提供，不会存在后台不知道提供给哪个页面，前台不知道怎么接受数据的问题。

你的服务器是什么系统啊 ，，，linux LINUX、WINDOWS、NETWARE、UNIX。。

在linux

首先服务器安装node git   nginx  vue-cli

安装好nginx 用你的公网ip访问就可以看到 下面的页面

然后进入到下面的路径

vi default 你会看到nginx的默认配置

默认监听80端口 根路径

把你写好的vue项目 上传到github ，通过git clone 克隆到

服务器

路径下面

然后npm/yarn add/install 安装依赖 然后npm run build

vi 打开html 下面的 indexhtml 可以看到

nginx默认的html

进入sites-enabled 发现 它里面的 default 来自 sites-available的default

所以需要在 sites-available 新建一个文件 你的项目名命名就可以

在你新建的文件

我在site-available新建的文件是note-admin 映射到 sites-enables

注意路径一定要写全

最后重新加载下 nginx -s reload

打开浏览器 公网ip:端口号  或者 域名访问

这就可以了

还有 用express 部署这个 简单些

原因：
POST提交中请求参数可以有两种不同形式：form data和request payload。

而request payload通过requestgetParameter(name)获取不到。

在mainjs中进行如下设置:

---