打包vue vite 前端項(xiàng)目
(如若提供一些幫助，請(qǐng)幫忙點(diǎn)個(gè)贊)
1.打包時(shí)將測(cè)試刪除
2.修改配置
3.打包項(xiàng)目
npm run build
顯示成功（黃的也不知道是啥）
打包好的前端文件放入
4.配置 default.conf
upstream wms-app {
server 你自己的ip加端口 ;
server 192.168.xx.xx:8080 ;
}
server {
listen 80;
server_name localhost;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html =404;
}
# location /api/ {
# add_header 'Access-Control-Allow-Origin' '*';
# add_header 'Access-Control-Allow-Methods' 'POST,GET,OPTIONS';
# add_header 'Access-Control-Allow-Headers' 'Authorization'; #跨域設(shè)置
# proxy_pass http://192.168.xx.xx:8080;
# }
location /api/ {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'POST,GET,OPTIONS';
add_header 'Access-Control-Allow-Headers' 'Authorization'; #跨域設(shè)置
proxy_pass http://wms-app ;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
5.配置dockerfile
FROM nginx
RUN rm /etc/nginx/conf.d/default.conf
ADD default.conf /etc/nginx/conf.d/
COPY dist/ /usr/share/nginx/html/
6.進(jìn)入你的文件夾下面 我的是 /root/206/web
docker build -t web:v1 .
注意后面的 . 點(diǎn)
7.運(yùn)行
docker run -it -p 3777:80 --name=web web:v1文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-732836.html
8.windows測(cè)試
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-732836.html
到了這里，關(guān)于docker打包vue vite前端項(xiàng)目的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
