vue-admin-template部署
时间: 2023-10-23 19:36:15 浏览: 162
vue-admin-template
要部署vue-admin-template,您需要按照以下步骤进行操作:
1. 下载vue-admin-template并解压缩。
2. 将打包编译的三个文件复制到NGINX配置的路径下。例如,您可以将这些文件放在D:/vue/vue-admin/文件夹下。
3. 在NGINX安装目录下的html文件夹中创建一个名为vue-admin的文件夹,用于缓存文件。
4. 打开nginx.conf文件并添加以下内容:
```
server {
listen 9371;
server_name localhost;
location /vue-admin/ {
root D:/vue;
autoindex on;
autoindex_exact_size on;
autoindex_localtime on;
}
location /vue/api/v1/ {
proxy_pass http://192.168.10.102:8080;
}
add_header Access-Control-Allow-Origin "*";
default_type 'text/html';
charset utf-8;
}
```
请注意,这里的配置路径和端口号根据您实际的情况进行修改。
5. 保存nginx.conf文件并重启NGINX服务。
6. 验证NGINX配置文件是否正确:运行`./nginx -t`命令。
7. 查看NGINX进程号:运行`ps -ef|grep nginx`命令。
8. 启动NGINX服务:运行`./nginx -c nginx/conf/nginx.conf`命令。
9. 如果需要重启NGINX服务,可以运行`./nginx -s reload`命令。
请根据上述步骤进行操作,即可成功部署vue-admin-template。请确保按照指定的路径和配置进行操作,并根据需要进行相应的修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
阅读全文