22问答网
所有问题
nginx 部署多个前端vue项目的3种方式,一篇文章搞定
如题所述
举报该问题
其他回答
第1个回答 2022-06-14
首先我们看一下nginx.conf配置文件
为了方便管理,在/usr/local/nginx/conf.d/ 创建自己的*.conf配置文件。没有conf.d目录,直接mkdir 创建conf.d
*.conf 详细可参考:
这种方式只需要开放80端口,然后访问二级域名。
这种方式的好处是只有一个server ,而且不需要二级域名、用路径location就能实现。
但是这种方式的一个缺点,就是vue项目前端需要改配置。修改地方如下:
react 配置请参考:
https://blog.csdn.net/mollerlala/article/details/96427751?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-2
vue 配置请参考:
https://blog.csdn.net/weixin_33868027/article/details/92139392
相似回答
nginx部署多个
前后端
项目
答:
#access_log logs/host.access.log main; #
vue
第一个
项目
location / { root /usr/local/
nginx
/projects/dist; try_files $uri $uri/ @router; index index.html index.htm; } #vue第二个项目 location /test2 { alias /usr/local/nginx/projects/test2/; try_files $uri $uri/ /test2/index.html; ...
如何
部署vue
.js
项目nginx
答:
二、编译部署1、
项目
路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。2、网上下载
nginx,
下载地址http://nginx.org/en/download.html,解压下载的nginx文件。3、
配置部署,
编辑nginx/conf 下的nginx.conf,修改如下[/code][4、启动nginx。...
大家正在搜
nginx部署多个前端项目
nginx部署多个web项目
nginx配置多个vue项目
linux如何部署vue项目
怎么部署多个vue项目
vue nginx 部署
nginx部署前端
nginx部署项目
vue部署到nginx