vue-cli webpack配置cdn路徑 以及 上線以後的字體文件跨域處理

昨天搞了一下vue項目打包以後靜態資源走阿里雲cdn。vue

配置了半天,終於找到了設置的地方webpack

config/index.js 裏面設置build 下的 assetsPublicPath 打包的時候即可以添加公共前綴路徑nginx

assetsSubDirectory: 'admin/static',  // 生成的文件目錄
assetsPublicPath: 'https://cdn.xxxxx.com', // 添加路徑前綴

這樣就能夠修改掉打包的靜態資源的地址了,沒有修改以前打包完爲 admin/static
修改以後爲 https://cdn.xxxxx.com/admin/s...web

上線以後發現字體文件改用cdn會有跨域問題,nginx設置也能夠。可是我這裏是把字體單獨處理了跨域

在loader裏面 webpack.base.conf.js字體

{
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
            name: utils.assetsPath('fonts/[name].[hash:7].[ext]'),
            publicPath: '/admin/static'
    }
}

這樣,打包出來的除了字體文件是按照文件路徑的,其餘的都會是cdn路徑ui

相關文章
相關標籤/搜索