vue项目 history nginx部署

Vue.js项目使用history模式部署到Nginx通常涉及以下几个步骤：

1. **Vue配置**：
- 在Vue项目中，需要在`vue.config.js`文件中设置路由配置。使用`devServer`对象的`historyApiFallback`选项开启HTML5 History API的处理，例如：

   module.exports = {
     publicPath: '/',
     devServer: {
       historyApiFallback: true,
       // ...其他配置
     },
   };

2. **Nginx服务器**：
- 在Nginx的配置文件（如`nginx.conf`或`.htaccess`）中，你需要创建一个新的location来匹配所有静态资源和处理Vue应用。这通常涉及到将请求从`/`路径代理到实际的Vue构建目录，例如：

   location / {
     try_files $uri $uri/ /index.html;
     if (-f $request_filename) {
       break; # 静态文件直接返回
     }
     proxy_pass http://localhost:8080; # 指向Vue应用的端口
   }

3. **启动Vue项目**：
- 在本地，运行`npm run serve`或`yarn serve`启动Vue项目，并监听默认的8080端口。

4. **Nginx重启**：
- 保存并重启Nginx服务，让新的配置生效。