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

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

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

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

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

這樣就可以修改掉打包的靜態資源的地址了，沒有修改之前打包完為 admin/static
修改之后為 https://cdn.xxxxx.com/admin/s...

上線之后發現字體文件改用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路徑

原文地址：https://segmentfault.com/a/1190000017333733