如何将Carnaux的NFT-Marker-Creator部署到个人服务器并正常运行

部署问题原因 #

你直接下载的是项目源代码，不是可直接部署的生产构建产物，所以无法直接运行。这个项目是基于Vue框架开发的，必须经过编译构建步骤，把Vue源码、依赖包打包成浏览器能直接识别的静态HTML/CSS/JS文件才能正常部署运行，这个过程需要用到Node.js环境。

具体操作步骤 #

• 第一步：安装Node.js环境，版本建议选择14.x/16.x的长期支持版，安装完成后在命令行执行node -v和npm -v，能正常输出版本号即安装成功。
• 第二步：将你下载的项目zip包解压到本地任意文件夹，打开命令行进入该文件夹的路径。
• 第三步：执行npm install命令，等待项目所有依赖包安装完成。
• 第四步：依赖安装完成后执行npm run build命令，运行结束后项目根目录会生成一个dist文件夹，这个文件夹内的所有文件就是可以直接部署的静态站点文件。
• 第五步：将dist文件夹内的所有内容上传到你的服务器站点根目录，不要上传整个源码文件夹，仅上传dist内的文件即可，上传完成后访问你的服务器地址即可正常使用全部功能。

常见疑问解答 #

• fork仓库操作和部署没有关联，fork只是将原项目仓库复制一份到你自己的GitHub账号下，方便你后续修改代码提交，不需要fork也能正常完成构建部署。
• 你当前测试页面只能上传图片无法生成marker，就是因为上传的是未构建的源码，浏览器无法识别项目的框架语法和依赖调用，核心的marker生成逻辑无法正常运行。
• 如果构建过程出现报错，优先检查Node.js版本，该项目更新时间较早，使用过高版本的Node.js会出现依赖兼容错误，替换为14.x的LTS版本即可解决绝大多数构建报错问题。

内容的提问来源于stack exchange，提问作者ImAnAvocado