vue部署

vue部署

1、配置vue目录

在vue项目config/index.js文件中 找到

build部分的assetsPublicPath 修改值为"./"

build: {
        // Template for index.html
        index: path.resolve(__dirname, '../dist/index.html'),

        // Paths
        assetsRoot: path.resolve(__dirname, '../dist'),
        assetsSubDirectory: 'static',
        assetsPublicPath: './',

        /**
         * Source Maps
         */

2、打包

vue项目开发完以后，部署之前需要 先打包

npm  run build  

会在vue根目录下生成一个 dist目录

这个就是要部署的部分

- dist
-- static
-- index.html

二、准备nginx

1、上传到服务器

• 借助于sftp上传文件工具进行上传

例如 FileZilla WinScp

• 使用scp命令 来进行上传

命令行要先进入到vue项目 然后执行如下命令 上传dist目录

scp -r dist  root@192.168.12.214:/home