vue项目打包:

npm run build

文件当中的图片引用,包括css类的背景图片类都应该用import引入,然后写在data当中,视图再动态绑定。不能直接写在css里

打包之后在服务器上部署:
从服务器获取资源或者文件,得先在服务器上面有一个服务,可以是自己用什么语言写,也可以是现成的服务器软件。比如nodejs,创建一个服务,在app.js里面用express.static托管哪个目录,然后给这个nodejs项目监听一个端口就行。本项目使用nginx,配置里面写监听的端口,这个服务托管的文件对应的目录,然后启动一下nginx,就可以访问到你想要的资源了。
进入到nginx文件下的conf.d文件,用vim编辑peo.conf文件。

server {
    listen              8080;
    server_name         0.0.0.0;

    location / {
        root                /your_wp_path/;
        index               index.html;
    }
}

listen后面写监听的端口。server_name后面跟你的域名(如果没有域名,就写ip,不知道ip就写下划线_)root就是你放文件的地方。这里是打包之后上传的dist文件。index就是访问你的网站的时候,如果不加路径默认会显示哪个文件。
最后执行 service nginx status 服务启动成功。

Logo

前往低代码交流专区

更多推荐