vue项目包部署_nginx代理访问方法详解

我又来了。今天我部署了vue项目，用nginx做代理，可以解决跨域的问题。这里简单解释一下。

1.首先看看vue项目的包(我这里使用的是vscode开发工具)

这是我的项目结构：

打包前需要修改以下配置文件：

配置文件1: buildutils.js(修改公共路径： '././'，这是为了处理打包后找不到静态文件的问题)

配置文件2: configindex.js(修改资产公共路径：’。/'来解决找不到js的问题)

以上两个修改完成后，就可以打包了

在控制台终端输入npm运行构建

等待打包

打包完成后，将在项目中生成一个dist文件夹，可以直接访问里面的index.html

我这里有些特别的东西。我需要修改index.html文件，因为我添加了一个moment.js

好了，这里的包装完成了，下面的东西放在服务器上

我这里用的是nginx的windows版本做演示，不解释linux，也不解释nginx的下载安装。我直接看配置：

配置完成后，启动你的nginx，然后访问它，你就没事了！

以上对vue项目包deployment _nginx agent访问方法的详细说明，是边肖分享的全部内容，希望能给大家一个参考和支持。