历时两个星期终于将vue项目，迁移到nuxt，想着在本地打个包运行下试试，nuxt执行npm run build后element样式失效。
下面跟着我一起来打个包运行下：
-
执行命令
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
}
-
执行 npm install 安装依赖（网不是特别好，建议执行cnpm安装）
-
执行
npm run start运行起来了
遇到的问题
- element ui 样式失效
解决：将ssr: false 改为 true，使得插件会在服务端运行。这样就正常运行了。
plugins: [
{
src: '@/plugins/element-ui',
ssr: true
}
]
此案例只是在本地运行，如果是部署到服务器，需要安装node运行环境，pm2部署。
网友评论