Vue-cli建立项目从单页面到多页面3-关于将打包后的项目文件不放在根目录下

关于将打包后的项目文件不放在根目录下

有时候，咱们老是须要这样的设置：但愿将打包后的文件放在a.b.com/somepath/这样一个路径下。

然而在vue-cli建立的项目中，默认的打包路径中的静态资源的访问路径是：a.b.com/a.js，咱们但愿在html中的引用是a.b.com/somepath/a.js，咱们能够在config/index.js中进行以下设置：

module.exports= {
  build: {
    assetsSubDirectory: '/somepath/'  // 用于设置静态资源的引用前缀，至关于设置一个base路径的做用，会将在页面中引用的静态资源，在域名和static（若是你将js、css、img等静态资源打包到这个文件夹下的话）之间，加上你设置的值
  }
}

而咱们在本地开发时，若是但愿本地访问的路径也加上/somepath/，就能够在config/index.js中进行与build同样的设置：

module.exports= {
  dev: {
    assetsSubDirectory: '/somepath/'  // 用于设置静态资源的引用前缀，至关于设置一个base路径的做用，会将在页面中引用的静态资源，在域名和static（若是你将js、css、img等静态资源打包到这个文件夹下的话）之间，加上你设置的值
  }
}

个人vue多页面系列的其余博客连接：

Vue-cli建立项目从单页面到多页面

Vue-cli建立项目从单页面到多页面2-history模式

Vue-cli建立项目从单页面到多页面4 - 本地开发服务器设置代理