福建 建设网站,安徽网站设计,专业电子网站建设,网站空间稳定性nginx部署vue项目(访问路径加前缀)
nginx部署vue项目#xff0c;访问路径加前缀分为两部分#xff1a; #xff08;1#xff09;修改vue项目#xff1b; #xff08;2#xff09;修改nginx配置#xff1b;
vue项目修改
需注意#xff0c;我这是vue-cli3配置#x…nginx部署vue项目(访问路径加前缀)
nginx部署vue项目访问路径加前缀分为两部分 1修改vue项目 2修改nginx配置
vue项目修改
需注意我这是vue-cli3配置vue-cli2不一样参考此文章
以下为配置及示例示例中我的路由前缀是5g_tob_group_web替换成自己的即可
静态资源前缀
静态资源前缀 vue.config.js /module.exports 配置 publicPath“/前缀”
路由前缀
静态资源前缀 vue.config.js /module.exports 配置 publicPath“/前缀”
nginx配置修改
配置示例如下
server {listen 9010;server_name 127.0.0.1;location /5g_tob_group_web {# 允许跨域配置add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Methods GET, POST, OPTIONS;# 打包之后的前端项目路径alias D:/5g_tob_web_new/dist/;index index.html;try_files $uri $uri/ /index.html last;}
}到此配置即为完成启动nginx访问即可按照我的配置路径是http://127.0.0.1:9010/5g_tob_group_web
参考文章 https://blog.csdn.net/qqjuanqq/article/details/131612705 https://blog.csdn.net/qq_27575627/article/details/130215619 https://www.php.cn/faq/549298.html
