昨天搞了一下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