vue-cli构建vue3项目,将项目上传到Linux服务器,服务器安装node,并启动vue项目
首先本地有一个vue项目,启动后可正常访问
本地打包后,也可直接访问
若打包后的index.html页面显示空白,需在项目的根路径下新建vue.config.js,再重新打包,参考
Linux服务器安装nodejs,参考
wget https://npm.taobao.org/mirrors/node/v12.16.1/node-v12.16.1-linux-x64.tar.gz
tar -xvf node-v12.16.1-linux-x64.tar.gz
mv node-v12.16.1-linux-x64 NodeJs
yum install gcc gcc-c++
ln -s /usr/local/bin/NodeJs/bin/node /usr/bin/node
ln -s /usr/local/bin/NodeJs/bin/npm /usr/bin/npm
ln -s /usr/local/bin/NodeJs/bin/npx /usr/bin/npx
cd
node
将vue项目上传到Linux服务器,编译运行
cd /home/web
npm install
npm run build
npm run serve
测试
在Linux服务器上编译项目时报错如下,说明node版本过低,参考
在Linux服务器上编译项目时报错如下,说明node版本17.1.0过高
解决方案,参考
源码包
的方法安装yum remove nodejs npm -y
若编译、启动项目时报错权限不足
解决方案
chmod 777 /home/web/xxx
运行项目时报错:warnings potentially fixable with the --fix
option
解决方案,将项目中package.json中"lint": "vue-cli-service lint" 修改为:eslint --fix --ext .js,.vue src
手机扫一扫
移动阅读更方便
你可能感兴趣的文章