1.首先网站宝塔上搭建好网站,因为是单域名,所以需要把vue前端文件拉到public文件
2.宝塔上面需要配置入口文件,这样域名默认域名就访问到了前端页面
3.nginx配置,以下是我的配置,通过rewrite可以把vue前端图片以及后端还有接口进行转发
location / {
try_files $uri $uri/ /dist/index.html;
}
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
if (!-e $request_filename){
rewrite ^(.*)$ /dist/$1 last; break;
}
}
location ~ .*\.(js|css)?$
{
if (!-e $request_filename){
rewrite ^(.*)$ /dist/$1 last; break;
}
}
location /admin {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
location /api {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
location /manystore {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}