欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

項(xiàng)目nginx部署到非根目錄下vue配置方案

 更新時間：2023年12月06日 14:47:22   作者：lilongwei4321  
這篇文章主要介紹了項(xiàng)目nginx部署到非根目錄下vue配置方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教

nginx部署到非根目錄下vue配置

1、修改config/index.js

2、修改路由route/index

3、若index.html

有引入static中的 js 和images需要配置 webpack.dev.conf.js 和 webpack.prod.conf.js

配置webpack.dev.conf.js ，大概在55行左右增加path配置

new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      path: config.dev.assetsPublicPath + config.dev.assetsSubDirectory
    }),

配置webpack.prod.conf.js ，大概在65行左右增加path配置

new HtmlWebpackPlugin({
      filename: config.build.index,
      template: 'index.html',
      inject: true,
      path: config.build.assetsPublicPath + config.build.assetsSubDirectory,
      minify: {
        removeComments: true,
        collapseWhitespace: true,
        removeAttributeQuotes: true
        // more options:
        // https://github.com/kangax/html-minifier#options-quick-reference
      },
      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
      chunksSortMode: 'dependency'
    }),

4、配置好后再來看一下

index.html引入js吧

 <script src=<%= htmlWebpackPlugin.options.path %>/javascript/rem.js></script>
 <script src=<%= htmlWebpackPlugin.options.path %>/javascript/md5.js></script>
 <script src=<%= htmlWebpackPlugin.options.path %>/javascript/moment.js></script>

5、引入static中的圖片

具體方法參考//www.dbjr.com.cn/javascript/3070665dl.htm

總結(jié)

以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論