北碚网站建设哪家好,自己建立网站步骤,wordpress博客金融模板,企业网络营销策划方案教程安装nginx vue项目通常部署到nginx上#xff0c;所以先安装一个nginx。为了方便安装的是windows版nginx#xff0c;解压就能用。 项目参考上一篇文章《Vue3学习笔记#xff1c;-#xff1e;创建第一个vue项目》《Vue3学习笔记#xff1c;-#xff1e;创建第一个vue项目》…安装nginx vue项目通常部署到nginx上所以先安装一个nginx。为了方便安装的是windows版nginx解压就能用。 项目参考上一篇文章《Vue3学习笔记-创建第一个vue项目》《Vue3学习笔记-创建第一个vue项目》 nginx下载地址windows版nginx下载地址 找到目录存放并解压 双击“nginx.exe”启动 关闭nginx打开任务管理器,找到“nginx.exe(32 位)”,结束任务。点第一个如果没反应换第二个点。停掉一个之后再停另一个。这是我使用的经验不知道原因。。。
项目编译 编译的项目就使用前面文档里的项目。idea打开项目并进入命令行。如果当前目录不是项目目录切换项目目录 执行编译命令yarn build 或yarn run build 查看打包结果
部署项目到nginx 打开nginx安装目录找到html目录 把dist目录整个复制到html目录下 打开nginx安装目录下的conf目录找到文件“nginx.conf” 打开nginx.conf文件并编辑内容 启动nginx,并通过地址http://localhost:8888, 在浏览器中访问应用。出现一下界面表示部署成功 点击页面上的“count is 0” 按钮可以看到count在自增 总结一下。。。 这里主要说的是部署流程实际项目部署过程要复杂的多比如nginx.conf的配置文件中就需要配置很多内容。实际部署项目的经验不是看几遍文档可以学的了这个经验要从实际操作的过程中获取。。。
