vue.js打包部署线上

你完成了工程开发，需要部署到外网环境，要进行下面的步骤：

一、首先你要购买一个服务器或者有自己的服务器。我介绍给大家的一个免费的服务器：http://free.3v.do/index.html可以免费内存空间100M;

二、修改项目config文件夹->index.js文件夹->assetsPublicPath（在build里边）@“／”改为@“./”，如：

module.exports = {

build: {

env: require('./prod.env'),

index: path.resolve(__dirname, '../dist/index.html'),

assetsRoot: path.resolve(__dirname, '../dist'),

assetsSubDirectory: 'static',

assetsPublicPath: './',

productionSourceMap: true,

// Gzip off by default as many popular static hosts such as

// Surge or Netlify already gzip all static assets for you.

// Before setting to `true`, make sure to:

// npm install --save-dev compression-webpack-plugin

productionGzip: false,

productionGzipExtensions: ['js', 'css'],

// Run the build command with an extra argument to

// View the bundle analyzer report after build finishes:

// `npm run build --report`

// Set to `true` or `false` to always turn it on or off

bundleAnalyzerReport: process.env.npm_config_report

},

 

然后：npm run build下生成一个dist文件夹，直接点开dist问价夹下的index.html就是你的项目，其他的static是你的资源文件；

这时候能打开就没问题，现在就是把dist目录下的所有文件（记住是dist文件下的）。

三、寻找上传工具：我用的都是免费的Yummy FTP;

 

绑定账号：

上传你的代码：

现在就打开你的域名：http://anneandpeter.3vcm.net/#/

就有你自己的项目网页了：（我用的是内网的ip，所以数据你们看不到，数据没有发布到外网）

 

转载于:https://www.cnblogs.com/PeterWolf/p/7151072.html