Linux 部署vue项目(使用nginx)


1.将打包后的文件夹放到服务器

2.修改Nginx的conf文件

忘记nginx安装目录的使用 ps -ef | grep nginx查看。yum安装的默认在/etc/nginx/nginx.conf

vi /usr/local/nginx/conf/nginx.conf

# 修改如下
# 新建一个服务
server {
  # 声明监听的端口
  listen 80;
  # 如有多域名映射到同一端口的,可以用server_name 区分,默认localhost
  server_name localhost;

  # 匹配'/'开头的路径 注意设定 root路径是有dist的
  location / {
    # 指定文件的根目录,主要结尾不要带/
    root /usr/local/webapp/dist;
    # 指定默认跳转页面尾 /index.html
    index /index.html;
  }

  # 匹配'/adminApi'开头的路径进行跨域 ip和port自行替换
  # adminApi 是vue.config.js中的proxy声明的
  location /adminApi {
    proxy_pass http://ip:port;
  }

}


3.使配置生效

# 进入nginx 安装目录,yum安装的直接使用nginx代替sbin/nginx
# 检查配置文件合法性 
sbin/nginx -t
# nginx 热更新配置
sbin/nginx -s reload


版权声明:本文为weixin_48336487原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。