doubleyong
管理员
管理员
  • 最后登录2020-07-11
  • 发帖数834
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:188回复:0

使用nginx服务器,布置vue打包文件的常见问题

楼主#
更多 发布于:2020-06-16 11:52
1. 使用history模式,页面显示空白
   解决方法:将dist文件夹的内容,放到nginx服务器运行即可

2. vue 打包成dist后,代理跨域设置失效
  解决方法:使用nginx服务器运行,并在nginx服务器的配置文件中,进行代码配置

  配置代码如下:

location /api/ {
    proxy_pass http://172.16.8.9:8888/;
}

注:1. /api  变成  /api/       2. proxy_pass 设置的地址后面,一定要加 / 与分号

3. 解决子组件页新刷新显示404的问题,
     配置代码如下:
location / {
        root   html;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
}

4. nginx 服务器常用指令
start nginx   启动
nginx -s stop 停止  不保存信息
nginx -s quit 停止  保存信息
nginx -s reload 重启
nginx -V 查看版本
注:修改了配置文件一定要执行
nginx -s reload 重启. 本人在测试过程中,执行命令也没能生效,最后,重启了一下电脑就可以了。所以,如果命令重启不行,你可以试着重启下电脑
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号