歷時兩個星期終于將vue項目筏勒,遷移到nuxt爹耗,想著在本地打個包運行下試試森逮,nuxt執(zhí)行npm run build后element樣式失效。
下面跟著我一起來打個包運行下:
執(zhí)行命令
npm run build
-
新建一個文件夾窿锉,將下面這些文件放到新的文件夾下
.nuxt
nuxt.config.js
package.json
static
打開package.json修改端口號為88
server: {
port: 88, // default: 3000
host: 'localhost' // default: localhost, 部署到linux服務器需要修改成0.0.0.0
}
-
執(zhí)行 npm install 安裝依賴(網(wǎng)不是特別好,建議執(zhí)行cnpm安裝)
執(zhí)行
npm run start
運行起來了
遇到的問題
- element ui 樣式失效
解決:將ssr: false 改為 true膝舅,使得插件會在服務端運行嗡载。這樣就正常運行了。
plugins: [
{
src: '@/plugins/element-ui',
ssr: true
}
]
此案例只是在本地運行仍稀,如果是部署到服務器洼滚,需要安裝node運行環(huán)境,pm2部署技潘。