色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue history模式 node

黃文隆2年前8瀏覽0評論

Vue是一個前端框架,它提供了許多方便的功能來簡化開發。其中一個很常用的功能是Vue Router,它可以用來管理網頁的路由。Vue Router使用history模式和hash模式兩種方式,history模式需要在node上設置一些內容才能正常使用。

// app.js
const express = require('express')
const history = require('connect-history-api-fallback')
const app = express()
app.use(express.static(__dirname + '/public'))
app.use(history())
app.listen(3000, () =>{
console.log('app running on port 3000')
})

上面的代碼是一個完整的node文件,首先導入了express和connect-history-api-fallback模塊,后者是用來連接history模式和express的中間件。然后設置了一個express應用,并將它的靜態文件路徑設置為public文件夾。最后使用history()中間件,將所有請求指向index.html。

因為history模式使用的是真實的url,而不是hash模式的虛擬url,所以需要注意的是在打包好的Vue應用中需要把Javascript, css等資源的url修改為相對路徑。

// vue.config.js
module.exports = {
publicPath: './',
assetsDir: 'static'
}

同時,Vue也提供了一個簡化設置的方法,其中publicPath和assetsDir分別對應資源的根路徑和輸出文件夾的名字。

如果使用Nginx來搭建服務器,也需要在配置文件中添加類似的支持history的設置。下面是一個示例的Nginx配置。

location / {
try_files $uri $uri/ /index.html;
}

在上述配置中,所有請求都被指向index.html。

總結來說,使用history模式時需要在node中設置connect-history-api-fallback中間件,將所有請求指向index.html,同時需要修改應用中的資源url為相對路徑。如果使用Nginx來部署,則需要在Nginx中添加相應的配置。