Vue.js 在Web服务器中部署vue CLI 3公共路径_Vue.js

Vue.js 在Web服务器中部署vue CLI 3公共路径

vue.js

Vue.js 在Web服务器中部署vue CLI 3公共路径,vue.js,Vue.js,我们的vue应用程序必须以相对路径部署在web服务器中…类似于student.com/myvueapp/ 因此，在我的vueapp中，我将公共路径设置为myvueapp 在vue.config.js中： module.exports = { publicPath: '/myvueapp/' } 当我执行vue cli serviceservice时，它在子路径中工作。但是当我构建和使用资产时，它不工作。我在构建之后，我转到了dist目录，并运行了python-msimp

我们的

vue

应用程序必须以相对路径部署在web服务器中…类似于

student.com/myvueapp/

因此，在我的

vue

app中，我将公共路径设置为

myvueapp

在

vue.config.js

中：

 module.exports = {
      publicPath: '/myvueapp/'
    }

当我执行

vue cli service

service时，它在子路径中工作。但是当我构建和使用资产时，它不工作。我在构建之后，我转到了

dist

目录，并运行了

python-msimplehttpserver 8000

它失败了

我该怎么修？我应该设置公共路径以外的其他属性吗？

我把它放到了我们的开发服务器

nginx

，但在那里它也不起作用。

构建任务将只构建应用程序的根目录。文件中的路径对于您配置的

publicPath

是正确的，例如

这样做的目的是获取

dist

文件夹的内容，并将其部署到生产HTTP服务器上的

$DOCUMENT\u ROOT/myvueapp/

例如，如果您的NGINX配置

root /usr/share/nginx/html;

您将创建目录

/usr/share/nginx/html/myvueapp

，并将

dist

的内容复制到该目录中

如果您试图在本地运行它，您仍然需要为

publicPath

手动创建文件夹（或符号链接）

#在某个目录中
#创建一个符号链接
ln-s路径/到/您的/应用程序/dist myvueapp
#或者创建一个真正的文件夹，例如
#mkdir myvueapp&&cp-路径/to/your/app/dist/*myvueapp/
#启动服务器
python-msimplehttpserver

然后打开

http://localhost:8000/myvueapp/

生成任务将只生成应用程序的根目录。文件中的路径对于您配置的

publicPath