本文目录一览:
Nginx本地部署Vue项目
编译部署项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。网上下载nginx,下载地址***://nginx.org/en/download.html,解压下载的nginx文件。
vue项目部署必须用nginx。vue项目部署使用的是webpack提供的proxyTable做的代理从而解决了开发环境的跨域请求问题,需要使用Nginx做反向代理,因此vue项目部署必须用nginx。vue是一个构建数据驱动的web界面的渐进式框架。
vue如果是在本地启动并且访问本地的后台方法,就需要本地代理,vue提供了vue.confug.js文件给我们配置,vue项目启动的时候都会去找到process.env(启动环境),然后再代理到后台地址。
Nginx配置错误。请检查Nginx配置文件中的proxy_pass配置项是否正确,确保代理到正确的服务器地址和端口。这个配置项的作用是将所有请求转发到index.html页面,以便Vue路由在前端进行处理。
(图片来源网络,侵删)