消费者行为学案例分析 spa

双趋化冲突：消费者往往有两个或两个以上的目标，这只能通过选择其中一点动机的冲突产生。
战略：加强在广告中，选定的商品的价值和利益，无论是通过降价，延期付款等是一个更有吸引力的选择。
双避免冲突：消费者要避免两个以上的目标，但必须选择一个面冲突。
策略：通过宣传，以消除或部分消除这种不完整或虚假的信念。或通过贸易营销方式引进。提供更长的质保。
避免冲突：消费者要避免接近目标激励冲突时造成
策略：提供担保，保证期间，如果消费者发现了类似的产品，以较低的价格返回商家甚至蔓延予以奖励。
2选择A方案

要解决问题，有先决的理论知识先要了解

分两种：

这种机制下，浏览器会先找本地缓存，命中则不会从服务器请求，并返回200状态码，且附有 disk cache 或者 memory cache 字样

这种机制，强缓存失效后，浏览器会携带缓存标识向服务器发起请求，服务器根据标识决定是否使用缓存

首先一点，就是 “浏览器会携带缓存标识” ,这个标识是什么，有两种

好，原理讲了，现在凡是用到nginx的，基本上自动都会实现了ETag和Last-Modified，也就是说，这部分实现机制，已经是默认的！不需要你另加处理。

好，问题来了，如何处理前端SPA应用的缓存问题呢？

现在的SPA要么Vue要么React要么Angular

默认情况下，我们会看到：

即所有资源第一次进，强缓存，第二次进，无意外情况下，会执行协商缓存。

之所以会出现SPA缓存问题，在于indexhtml是304，那么客户端读取到的，有可能是本地的Not Modified，那么继续下去，读的依旧是本地的disk cache

如何解决问题呢？

这里有个特性，SPA通过webpack打包，一般默认会带有contenthash值，即当对应文件有改动，这个contenthash值才会改变，进而改变打包出来的文件名，意味着 只有改变了的文件，文件名才会变，没有改变的文件是不会变的

如果需要对特殊的文件特殊处理，比如文字类型的文件设置更大的缓存时间或者别的，可以参考上述语法单独加映射

修改后， service nginx reload 一下，浏览器可以看到差别：

indexhtml一直是200，且从服务器直接读取，而所有其他的静态文件，均从memory or disk cache读取

好，那么接下来如果有更新，可以想象，变化的文件有

而由于indexhtml一直是请求服务器的，那么得到的入口js也必然是最新的，意味着如果没改动的，走本地强缓存，有改动的，会请求最新的，之后请求会走本地强缓存。

Problem solved

解决前端SPA缓存问题：

您好，Origin是一个数据分析和绘图软件，支持多种数据格式的导入和处理。要打开SPA文件，需要按照以下步骤进行 *** 作：
1 打开Origin软件，并在主界面上选择"File"选项卡。
2 在d出的下拉菜单中选择"Open"选项。
3 在d出的文件选择对话框中，选择要打开的SPA文件，并点击"Open"按钮。
4 Origin会自动识别SPA文件，并将其加载到软件中。
5 在加载完成后，可以使用Origin提供的工具进行数据分析和绘图 *** 作。
需要注意的是，如果SPA文件无法正常打开，可能是因为文件格式不兼容或者文件损坏。此时可以尝试使用其他软件打开或者重新生成SPA文件。另外，在使用Origin进行数据分析和绘图时，建议先了解软件的基本 *** 作和功能，以便更好地利用其强大的功能进行数据处理和可视化。

---