我又来了。今天我部署了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访问方法的详细说明,是边肖分享的全部内容,希望能给大家一个参考和支持。