vuex文件问题：vue中打包后cdn加载文件(Not Found)

前一段时间我们写了一个项目，在本地是好的，但是布到线上发现有些字体图标找不到，然后就各种找问题，最后确认是资源文件路径没引用正确导致的， 怎么解决呢： 1、在build的utils文件中配置 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', // 此处添加 fallback: 'vue-style-loader'

运行环境vue3 + Vite + TypeScript。在vite-env.s.ts中加入以下配置。在导入vuex的时候。

我们都知道页面刷新后 vuex的数据会丢失,因为页面刷新会重新执行js脚本,数据是存在内存中的,页面刷新后这块空间自然就释放了没有了,可以使用vuex-persistedstate这个插件来将vuex的数据持久化到localstorage中,它会监听页面刷新事件,将数据存入本地存储,页面加载时再取出到vuex中,这样就解决了state丢失的问题,那么下面直接讲怎么用这个插件 1.首先安装vuex-persistedstate: npm install --save vuex-persistedstat

将这些文件下载到本地，并将它们添加到项目的静态资源目录中，在HTML文件中使用相对路径进行引用。等，可能是因为这些文件被从CDN地址引用，而你的内网环境无法访问这些CDN地址。语句进行引用，这样就不需要从CDN地址引用了。在无外网环境下部署Vue项目，如果在内网环境中无法访问到一些必须的文件，比如。使用npm安装这些依赖包，并在Vue项目中通过。然后在需要使用这些库的文件中通过。有其他好的方式，欢迎一起交流。

自从近几年前后端分离模式开始后，作为从事后端开发的我，为了跟上时代的步伐，或者能够跟现在的年轻人交流，开始了自学VUE的学习之旅。再次记录学习中的点点滴滴，争取把学习过程中的九九八十一难都记录下来，作为自己学习的一个见证，也是对自己的一个督促。

性能分析 借助插件 webpack-bundle-analyzer 先安装 运行 npm install webpack-bundle-analyzer –save-dev 配置 在vue.congfig.js中 配置好 BundleAnalyzerPlugin 代码如下 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; module.exports = { publicPath

1、首先看一下自己的Nuxt的版本 nuxt-v 如何是2.4.0之前的版本， 写法和正常的vue一样 index.js import Vue from 'vue' import Vuex from 'vuex' import geo from './modules/geo' import home from './modules/home' Vue.use(Vuex) const store = () => new Vuex.Store({ modules: { geo

精选30+云产品，助力企业轻松上云！>>> Nuxt...

解决 vue项目打包后线上报错无法请求cdn.jsdelivr.net相关资源问题

阅读某个库的源码，除了阅读功能性的代码之外，还应该多多注意工程化部分的代码，例如：Vuex 中的构建脚本和发布脚本，都很有意思，很值得我们借鉴和学习。今天，让我们一起看看 Vuex 的源码是如何构建的。 Vuex 的代码构建使用了 Rollup ，如果对其不怎么了解的话，可以先看看它的官方文档。 1，package.json 首先我们应该看 Vuex 项目的 package.json 文件，里面与构建有关的部分如下所示： { "scripts": { "build": "npm run