最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

解決vue 打包發(fā)布去#和頁面空白的問題

 更新時間:2018年09月04日 08:44:42   作者:mjlfto  
今天小編就為大家分享一篇解決vue 打包發(fā)布去#和頁面空白的問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

1.vue項目中config文件下index.js中打包配置

build: {
 // Template for index.html
 index: path.resolve(__dirname, '../yiTownWebApp/index.html'),

 // Paths
 assetsRoot: path.resolve(__dirname, '../yiTownWebApp'),
 assetsSubDirectory: 'static',
 assetsPublicPath: '/yiTownWebApp/',//這個地方使用絕對路徑很重要

 /**
 * Source Maps
 */

 productionSourceMap: true,
 // https://webpack.js.org/configuration/devtool/#production
 devtool: '#source-map',

 // Gzip off by default as many popular static hosts such as
 // Surge or Netlify already gzip all static assets for you.
 // Before setting to `true`, make sure to:
 // npm install --save-dev compression-webpack-plugin
 productionGzip: false,
 productionGzipExtensions: ['js', 'css'],

 // Run the build command with an extra argument to
 // View the bundle analyzer report after build finishes:
 // `npm run build --report`
 // Set to `true` or `false` to always turn it on or off
 bundleAnalyzerReport: process.env.npm_config_report
}

2.路由配置:router文件夾下index.js

export default new Router({
 mode: 'history',//去掉#,
 base: '/yiTownWebApp/',//這個配置也很重要,否則會出現(xiàn)頁面空白情況
 scrollBehavior: () => ({ y: 0 }),
 routes: [
 {
 path: '/article',
 name: 'article',
 component: article
 },
 {
 path: '/footMark',
 name: 'FootMark',
 component: FootMark
 },
 {
 path: '/shareFootMark',
 name: 'ShareFootMark',
 component: ShareFootMark
 }
 ]
})

nginx配置:

 server {
 listen 8080;
 server_name localhost;
 #charset koi8-r;

 #access_log logs/host.access.log main;
 #打包后的項目目錄,一定記住這個地方帶有項目名稱
 root /Users/a123/Desktop/vue/sgAdmin/yiTownWebApp;
 index index.html;

 location /yiTownWebApp{
  #這個地方沒有項目名稱,因為請求的時候如果請求:http://localhost:8080/yiTownWebApp,nginx會查找/Users/a123/Desktop/vue/sgAdmin/yiTownWebApp/目錄下的數(shù)據(jù)
  root /Users/a123/Desktop/vue/sgAdmin;
  try_files $uri $uri/ @router;
  index index.html;
 }
 //try_files $uri $uri/ @router;和下邊部分很重要,沒有這部分發(fā)布二級一下的路由會出現(xiàn)js加載,但是也沒空白的情況
 location @router {
  rewrite ^.*$ /index.html last;
 }
 }

以上這篇解決vue 打包發(fā)布去#和頁面空白的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關文章

  • vue簡單封裝axios插件和接口的統(tǒng)一管理操作示例

    vue簡單封裝axios插件和接口的統(tǒng)一管理操作示例

    這篇文章主要介紹了vue簡單封裝axios插件和接口的統(tǒng)一管理操作,結合具體實例形式分析了vue中axios插件安裝、配置及接口統(tǒng)一管理具體操作技巧,需要的朋友可以參考下
    2020-02-02
  • Vue使用Markdown文檔的示例

    Vue使用Markdown文檔的示例

    本文主要介紹了Vue使用Markdown文檔的示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2023-03-03
  • Vue3+Elementplus實現(xiàn)面包屑功能

    Vue3+Elementplus實現(xiàn)面包屑功能

    這篇文章主要為大家詳細介紹了Vue3如何結合Elementplus實現(xiàn)面包屑功能,文中的示例代碼簡潔易懂,具有一定的借鑒價值,有需要的小伙伴可以參考下
    2023-11-11
  • Vue路由配置方法詳細介紹

    Vue路由配置方法詳細介紹

    Vue3和Vue2基本差不多,只不過需要將createRouter、createWebHistory從vue-router中引入,再進行使用,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習吧
    2022-09-09
  • Vue中rules的寫法使用小結

    Vue中rules的寫法使用小結

    這篇文章主要介紹了Vue中rules的寫法使用小結,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧
    2024-01-01
  • vue2單元測試環(huán)境搭建

    vue2單元測試環(huán)境搭建

    本篇文章給大家分享了vue2單元測試環(huán)境搭建的詳細步驟,對此有需要的朋友參考學習下。
    2018-05-05
  • vue項目npm?run?build打包dist文件及打包后空白解決辦法

    vue項目npm?run?build打包dist文件及打包后空白解決辦法

    npm run build 這個命令會執(zhí)行Vue CLI中預定義的打包配置,并將打包后的文件存放在"dist"文件夾中,這篇文章主要給大家介紹了關于vue項目npm?run?build打包dist文件及打包后空白的解決辦法,需要的朋友可以參考下
    2023-10-10
  • 解決在el-dialog中無法正確獲取DOM的問題

    解決在el-dialog中無法正確獲取DOM的問題

    這篇文章主要介紹了解決在el-dialog中無法正確獲取DOM的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2024-03-03
  • 寫給vue新手們的vue渲染頁面教程

    寫給vue新手們的vue渲染頁面教程

    這篇文章主要給大家分享了一個寫給vue新手看的vue渲染頁面教程,文中通過圖文介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,感興趣的朋友們下面隨著小編來一起學習學習吧。
    2017-09-09
  • vue.js基于ElementUI封裝了CRUD的彈框組件

    vue.js基于ElementUI封裝了CRUD的彈框組件

    這篇文章主要介紹了vue.js基于ElementUI封裝了CRUD的彈框組件,問咋會給你圍繞主題展開詳細的內容介紹,感興趣的小伙伴可以參考一下
    2022-07-07

最新評論

建宁县| 楚雄市| 济阳县| 峨边| 宜君县| 石阡县| 兴义市| 开化县| 名山县| 三亚市| 兰溪市| 兴义市| 宜川县| 抚松县| 彰化市| 贵定县| 东宁县| 杨浦区| 永宁县| 措勤县| 嘉义市| 永吉县| 台南市| 潞城市| 尼勒克县| 茌平县| 邻水| 许昌市| 恩平市| 乌苏市| 探索| 樟树市| 修文县| 辽源市| 稷山县| 兰溪市| 阳新县| 宝丰县| 沙田区| 神木县| 嘉黎县|