[详细过程]vue+element-ui+node.js+mysql项目部署到服务器
1.先来看一下有哪些文件需要上传至服务器
上面是node后端,下面是前端源代码
源代码我放在github上了 代码地址
1.1后端代码全部上传
上传至哪个文件夹都可以,这里建议把node_modules文件夹直接删除,里面放着相关依赖包,在后面会再次安装,假如安装出现问题,最好是删除重新安。。因为我之前明明安装了,一直报错。。
1.2前端代码只上传dist文件夹
前端开发完了之后,使用npm run build命令生成的dist文件夹
上传之前记得改一下index.html,自动生成的html代码里面的路径可能是错误的,改成以下形式或者其他可以读取到资源的形式,如果之前改过配置文件,这里生成的代码可能是对的。
然后在本地把这个html文件打开,假如可以进,控制台不报错,表示资源都引入成功了
还有一个地方需要改
在js文件里面,有一个js划到里面最后,包含我们之前写的 baseUrl 和图片的url,记住这个位置,需要把127.0.0.1改成你的服务器公网ip,8888需要改成你的接口所用的端口,我这里接口用的8808端口。
两个8888都要改!
然后上传~