1. 程式人生 > 其它 >解決vue線上專案更新後, 使用者電腦css快取的問題

解決vue線上專案更新後, 使用者電腦css快取的問題

  // 全域性混入scss變數
const Timestamp = +new Date()
module.exports = { // 全域性混入scss變數 css: { loaderOptions: { sass: { prependData: '@import "./src/styles/variable.scss";' } }, extract: { filename: `css/[name].${Timestamp}.css`, chunkFilename: `css/[name].${Timestamp}.css` } }, // devServer: { // proxy: { // '/api': { // target: 'https://test.snail.ssmanage.com', // changeOrigin: true, // pathRewrite: { // '/api': '' // } // } // } // }
// 配置html chainWebpack: config => { config.plugin('html').tap(args => { args[0].title = '熱點管理平臺' return args }) } }
 extract: {
      filename: `css
/[name].${Timestamp}.css`, chunkFilename: `css/[name].${Timestamp}.css` }

這是 vue.config.js 的配置

重點是

extract 的配置

伺服器更新後, 讓 html 訪問的靜態資源路徑發生變化


本想把生活活成一首詩, 時而優雅 , 時而豪放 , 結果活成了一首歌 , 時而不靠譜 , 時而不著調