热门标签
热门文章
- 1如何在微软官网下载win10镜像文件
- 2Installation failed due to: ‘-28‘_installation failed the application could not be i
- 3华为Android更改文件位置,华为C8812改变Android手机软件安装位置方法
- 4vue过滤富文本标签提取富文本内容_vue3 富文本过滤
- 5括号表示法字符串构造二叉树_6-9 括号表示法构造二叉树
- 6MatrixOne混沌测试之道
- 7QT快速开发自定义标题栏_qt如何把标题栏重新绘制
- 8ERROR: Could not install Gradle distribution from ‘https://services.gradle.org/distributions/gradle
- 9人工智能(AI)-机器学习-深度学习-大语言模型LLM(chatgtp)
- 10前端防止用户重复提交请求的方案_前端防止重复提交
当前位置: article > 正文
nginx部署vue项目_nginx部署vue项目后端地址
作者：IT小白 | 2024-03-14 04:54:42
赞
踩
nginx部署vue项目后端地址
nginx部署vue项目
一、下载nginx
打开官网，选择对应版本下载
二、vue项目打包
- 说明：一般打包使用一行命令就能打包
- npm run build
三、修改nginx的配置
1、找到下方文件地址
2、修改下方2、3、4位置地址，位置1的地址可改可不改，只要端口号不冲突就好
- 位置1，是等会打开浏览网页的地址：http://localhost:8010
- 位置2，是打包后的vue项目地址
- 位置3、4，是后端ip地址
是打包后的vue项目地址
3. 位置3、4，是后端ip地址
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/IT小白/article/detail/232363
推荐阅读
相关标签
